.gallery-model-headline{font-size:24px;line-height:1.1666666667;font-weight:600;letter-spacing:.009em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.gallery-model-headline:lang(ja){line-height:1.25;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
.gallery-model-headline:lang(ko){line-height:1.2916666667;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
.gallery-model-headline:lang(th){line-height:1.375;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.gallery-model-headline:lang(ar){font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.gallery-model-headline:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
.gallery-model-headline:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.gallery-model-headline:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.gallery-model-headline:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
html.text-zoom .typography-headline,html.text-zoom .typography-headline-reduced,html.text-zoom .typography-headline-super,html.text-zoom .typography-section-headline-reduced,html.text-zoom body{word-break:break-word}
html.no-js picture[data-lazy]{display:none!important}
.ar-quicklook-link{display:none}
html.ar-quicklook .ar-quicklook-link{display:block}
.ar-quicklook-link a img{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(0px 0px 99.9% 99.9%);clip-path:inset(0px 0px 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}
.ar-quicklook-link a span:after,.ar-quicklook-link a span:before{font-family:SF Pro Icons;color:inherit;display:inline-block;font-style:normal;font-weight:inherit;font-size:inherit;line-height:1;text-decoration:underline;position:relative;z-index:1;alt:"";text-decoration:none}
.ar-quicklook-link a span:before{display:none}
.ar-quicklook-link a span:after,.ar-quicklook-link a span:before{content:""}
.ar-quicklook-link a span:after{padding-left:0.3em;top:0}
html.ar-quicklook .ar-quicklook-copy{display:none}
html.enhance-xp .hardware-lockup-figure[data-anim-keyframe] img,html.enhance-xp .hardware-lockup[data-anim-keyframe] img{opacity:.15;transition:opacity 1s}
html.enhance-xp .hardware-lockup-figure[data-anim-keyframe].fadein img,html.enhance-xp .hardware-lockup[data-anim-keyframe].fadein img{opacity:1}
.hardware-lockup{display:flex;align-items:flex-start;justify-content:center;position:relative;margin-top:100px}
@media only screen and (max-width:1068px){
  .hardware-lockup{margin-top:72px}
}
@media only screen and (max-width:734px){
  .hardware-lockup{margin-top:48px}
}
.hardware-lockup.with-caption{padding-bottom:36px}
html.text-zoom .hardware-lockup.with-caption{padding-bottom:50px}
@media only screen and (max-width:734px){
  .hardware-lockup.with-caption{padding-bottom:27px}
  html.text-zoom .hardware-lockup.with-caption{padding-bottom:50px}
}
.hardware-lockup .hardware-image-dark{display:block;width:var(--p-width);height:var(--p-height);--p-width:1204px;--p-height:736px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .hardware-lockup .hardware-image-dark{--p-width:694px;--p-height:426px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .hardware-lockup .hardware-image-dark{--p-width:340px;--p-height:208px}
}
.hardware-lockup .hardware-image-light{display:block;width:var(--p-width);height:var(--p-height);--p-width:1204px;--p-height:736px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .hardware-lockup .hardware-image-light{--p-width:694px;--p-height:426px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .hardware-lockup .hardware-image-light{--p-width:340px;--p-height:208px}
}
.hardware-lockup .hardware-lockup-figure{position:absolute;top:17px}
@media only screen and (max-width:1068px){
  .hardware-lockup .hardware-lockup-figure{top:10px}
}
@media only screen and (max-width:734px){
  .hardware-lockup .hardware-lockup-figure{top:6px}
}
.hardware-lockup .hardware-lockup-figure .hardware-lockup-media{display:block;width:var(--p-width);height:var(--p-height);--p-width:984px;--p-height:636px}
@supports((-webkit-mask-image:url("")) or (mask-image:url(""))){
  .hardware-lockup .hardware-lockup-figure .hardware-lockup-media{-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:url(/v/macbook-pro-14-and-16/b/images/overview/shared/m1_laptop_hw_mask__d99szamexgwi_large.png);mask-image:url(/v/macbook-pro-14-and-16/b/images/overview/shared/m1_laptop_hw_mask__d99szamexgwi_large.png)}
}
@supports((-webkit-mask-image:url("")) or (mask-image:url(""))){
  @media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
    .hardware-lockup .hardware-lockup-figure .hardware-lockup-media{-webkit-mask-image:url(/v/macbook-pro-14-and-16/b/images/overview/shared/m1_laptop_hw_mask__d99szamexgwi_large_2x.png);mask-image:url(/v/macbook-pro-14-and-16/b/images/overview/shared/m1_laptop_hw_mask__d99szamexgwi_large_2x.png)}
  }
}
@media only screen and (max-width:1068px){
  @supports((-webkit-mask-image:url("")) or (mask-image:url(""))){
    .hardware-lockup .hardware-lockup-figure .hardware-lockup-media{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:url(/v/macbook-pro-14-and-16/b/images/overview/shared/m1_laptop_hw_mask__d99szamexgwi_medium.png);mask-image:url(/v/macbook-pro-14-and-16/b/images/overview/shared/m1_laptop_hw_mask__d99szamexgwi_medium.png)}
    @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi){
      .hardware-lockup .hardware-lockup-figure .hardware-lockup-media{-webkit-mask-image:url(/v/macbook-pro-14-and-16/b/images/overview/shared/m1_laptop_hw_mask__d99szamexgwi_medium_2x.png);mask-image:url(/v/macbook-pro-14-and-16/b/images/overview/shared/m1_laptop_hw_mask__d99szamexgwi_medium_2x.png)}
    }
  }
}
@media only screen and (max-width:734px){
  @supports((-webkit-mask-image:url("")) or (mask-image:url(""))){
    .hardware-lockup .hardware-lockup-figure .hardware-lockup-media{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:url(/v/macbook-pro-14-and-16/b/images/overview/shared/m1_laptop_hw_mask__d99szamexgwi_small.png);mask-image:url(/v/macbook-pro-14-and-16/b/images/overview/shared/m1_laptop_hw_mask__d99szamexgwi_small.png)}
    @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi){
      .hardware-lockup .hardware-lockup-figure .hardware-lockup-media{-webkit-mask-image:url(/v/macbook-pro-14-and-16/b/images/overview/shared/m1_laptop_hw_mask__d99szamexgwi_small_2x.png);mask-image:url(/v/macbook-pro-14-and-16/b/images/overview/shared/m1_laptop_hw_mask__d99szamexgwi_small_2x.png)}
    }
  }
}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .hardware-lockup .hardware-lockup-figure .hardware-lockup-media{--p-width:568px;--p-height:368px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .hardware-lockup .hardware-lockup-figure .hardware-lockup-media{--p-width:276px;--p-height:178px}
}
.hardware-lockup .inline-media{width:100%}
.hardware-lockup .inline-media .start-frame{display:block;width:var(--p-width);height:var(--p-height);--p-width:984px;--p-height:636px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .hardware-lockup .inline-media .start-frame{--p-width:568px;--p-height:368px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .hardware-lockup .inline-media .start-frame{--p-width:276px;--p-height:178px}
}
.hardware-lockup .inline-media .static-frame{display:block;width:var(--p-width);height:var(--p-height);--p-width:984px;--p-height:636px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .hardware-lockup .inline-media .static-frame{--p-width:568px;--p-height:368px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .hardware-lockup .inline-media .static-frame{--p-width:276px;--p-height:178px}
}
.hardware-lockup .fallback-image{display:block;width:var(--p-width);height:var(--p-height);--p-width:984px;--p-height:636px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .hardware-lockup .fallback-image{--p-width:568px;--p-height:368px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .hardware-lockup .fallback-image{--p-width:276px;--p-height:178px}
}
.hardware-lockup-caption{margin-right:-16px;margin-top:100px;text-align:right}
@media only screen and (max-width:1068px){
  .hardware-lockup-caption{margin-right:-9px;margin-top:65px}
}
@media only screen and (max-width:734px){
  .hardware-lockup-caption{margin-right:-4px;max-width:285px;margin-top:33px}
}
.inline-media{--media-button-size:34px;position:relative}
@media only screen and (max-width:734px){
  .inline-media{--media-button-size:26px}
}
.inline-media .end-frame,.inline-media .start-frame,.inline-media .static-frame{position:absolute;top:0;visibility:hidden}
.inline-media .inline-media-ui,.inline-media .video{display:none}
.inline-media .end-frame{position:relative;visibility:visible}
.inline-media.with-static .end-frame{position:absolute;visibility:hidden}
.inline-media.with-static .static-frame,html.enhance-xp .inline-media .start-frame{position:relative;visibility:visible}
html.enhance-xp .inline-media .end-frame,html.enhance-xp .inline-media .static-frame,html.enhance-xp .inline-media .video{position:absolute;top:0;width:100%}
html.enhance-xp .inline-media .video{z-index:1;display:block;visibility:hidden;left:0;height:100%}
html.enhance-xp .inline-media .end-frame{visibility:visible;z-index:2;opacity:0;transition:opacity .3s}
html.enhance-xp .inline-media .inline-media-ui{display:block;position:absolute;right:22px;bottom:22px;z-index:3;width:var(--media-button-size);height:var(--media-button-size)}
html.enhance-xp .inline-media .loading-circle,html.enhance-xp .inline-media .play-pause-button,html.enhance-xp .inline-media .svg-icon{position:absolute;top:0;width:var(--media-button-size);height:var(--media-button-size)}
html.enhance-xp .inline-media .loading-circle{animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:1s;animation-name:clockwise}
html.enhance-xp .inline-media .svg-icon{opacity:0}
html.enhance-xp .inline-media .svg-icon .control-path{stroke:#f5f5f7}
html.enhance-xp .inline-media .svg-icon .control-fill{fill:#f5f5f7}
html.enhance-xp .inline-media.loading .loading-icon{opacity:1}
html.enhance-xp .inline-media.loading.paused .play-icon{opacity:0}
html.enhance-xp .inline-media.ended .play-icon,html.enhance-xp .inline-media.paused .play-icon,html.enhance-xp .inline-media.playing .pause-icon{opacity:1;z-index:2}
html.enhance-xp .inline-media.with-static .end-frame{position:absolute;visibility:visible}
html.enhance-xp .inline-media.with-static .static-frame{position:absolute;visibility:hidden}
html.enhance-xp .inline-media.ended .video,html.enhance-xp .inline-media.playing .video,html.enhance-xp .inline-media.with-controls.paused .video{visibility:visible}
html.enhance-xp .inline-media.ended .end-frame{opacity:1}
@keyframes clockwise{
  0%{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
.section-content-tiles{margin-left:auto;margin-right:auto;max-width:1140px}
@media only screen and (max-width:1068px){
  .section-content-tiles{max-width:768px}
}
.tiles{margin-left:20px;margin-right:20px;grid-column-gap:20px;grid-row-gap:20px;margin-top:142px;padding-left:0;padding-right:0}
@media only screen and (max-width:1068px){
  .tiles{margin-top:125px}
}
@media only screen and (max-width:734px){
  .tiles{margin-top:100px}
}
@media only screen and (max-width:320px){
  .tiles{margin-left:0;margin-right:0}
}
.tiles .grid-item{display:flex}
@media only screen and (max-width:734px){
  .tiles .grid-item{justify-content:center}
}
.tile{display:flex;flex-direction:column;background-color:#f5f5f7}
@media only screen and (max-width:734px){
  .tile{max-width:400px;min-height:459px}
}
@media only screen and (max-width:320px){
  .tile{margin-left:auto;margin-right:auto}
}
.tile-headline{padding:0 45px;z-index:1;align-self:flex-start}
@media only screen and (max-width:734px){
  .tile-headline{padding:0 34px}
}
@media only screen and (max-width:320px){
  .tile-headline{padding:0 20px}
}
html.text-zoom .tile-headline{word-break:break-word;flex-basis:100%;max-width:100%}
.tile-content{display:flex;flex-direction:column;align-items:center;position:relative;padding:50px 0 0;flex:1}
.tile-image{display:flex;margin-top:60px;z-index:0}
@media only screen and (max-width:1068px){
  .tile-image{margin-top:40px}
}
@media only screen and (max-width:734px){
  .tile-image{margin-top:28px}
}
html.enhance-xp [data-component-list*=WordAnim],html.enhance-xp [data-word-group]{overflow:hidden}
[data-component-list*=WordAnim],[data-word-anim],[data-word-group]{display:block}
html.enhance-xp [data-word-anim],html.enhance-xp [data-word-group] [data-word-single]{opacity:0}
[data-scale=x]{transform-origin:center left}
[data-scale=y]{transform-origin:top center}
html.no-enhance-xp .section-hero{overflow:hidden}
.section-hero .intro-hero{margin-top:44px;position:relative;padding-bottom:175px;background-color:#fff}
@media only screen and (max-width:1068px){
  .section-hero .intro-hero{padding-bottom:148px}
}
@media only screen and (max-width:734px){
  .section-hero .intro-hero{padding-bottom:62px;overflow:hidden}
}
html.enhance-xp .section-hero .intro-hero{min-height:100vh;z-index:3}
@media only screen and (min-width:1069px){
  html.enhance-xp .section-hero .intro-hero{padding-bottom:0}
}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .intro-hero{overflow:hidden;min-height:unset}
}
.section-hero .intro-hero .video-container{overflow:hidden}
html.enhance-xp .section-hero .intro-hero .video-container{height:100vh;position:relative}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .intro-hero .video-container{width:1440px;height:900px;left:50%;transform:translateX(-50%)}
}
@media only screen and (max-width:1068px)and (max-width:1068px){
  html.enhance-xp .section-hero .intro-hero .video-container{width:840px;height:444px}
}
@media only screen and (max-width:1068px)and (max-width:734px){
  html.enhance-xp .section-hero .intro-hero .video-container{width:460px;height:304px}
}
@media only screen and (max-width:320px){
  html.enhance-xp .section-hero .intro-hero .video-container{top:20px}
}
.section-hero .intro-hero .video-container .image-hero-intro-start-frame{display:none}
html.enhance-xp .section-hero .intro-hero .video-container .image-hero-intro-start-frame{background-repeat:no-repeat;background-image:url(/v/macbook-pro-14-and-16/b/images/overview/hero/hero_intro_startframe__1etl1hb7kkim_large.jpg);background-size:cover;position:absolute;display:block;width:100%;min-height:100vh;left:unset;margin-left:unset;background-position:50%}
@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
  html.enhance-xp .section-hero .intro-hero .video-container .image-hero-intro-start-frame{background-image:url(/v/macbook-pro-14-and-16/b/images/overview/hero/hero_intro_startframe__1etl1hb7kkim_large_2x.jpg)}
}
html.enhance-xp .section-hero .intro-hero .video-container .image-hero-intro-start-frame:after{content:"";display:block;padding-bottom:62.5%}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .intro-hero .video-container .image-hero-intro-start-frame{background-repeat:no-repeat;background-image:url(/v/macbook-pro-14-and-16/b/images/overview/hero/hero_intro_startframe__1etl1hb7kkim_medium.jpg);background-size:cover}
}
@media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi){
  html.enhance-xp .section-hero .intro-hero .video-container .image-hero-intro-start-frame{background-image:url(/v/macbook-pro-14-and-16/b/images/overview/hero/hero_intro_startframe__1etl1hb7kkim_medium_2x.jpg)}
}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .intro-hero .video-container .image-hero-intro-start-frame:after{content:"";display:block;padding-bottom:52.8571428571%}
}
@media only screen and (max-width:734px){
  html.enhance-xp .section-hero .intro-hero .video-container .image-hero-intro-start-frame{background-repeat:no-repeat;background-image:url(/v/macbook-pro-14-and-16/b/images/overview/hero/hero_intro_startframe__1etl1hb7kkim_small.jpg);background-size:cover}
}
@media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi){
  html.enhance-xp .section-hero .intro-hero .video-container .image-hero-intro-start-frame{background-image:url(/v/macbook-pro-14-and-16/b/images/overview/hero/hero_intro_startframe__1etl1hb7kkim_small_2x.jpg)}
}
@media only screen and (max-width:734px){
  html.enhance-xp .section-hero .intro-hero .video-container .image-hero-intro-start-frame:after{content:"";display:block;padding-bottom:66.0869565217%}
}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .intro-hero .video-container .image-hero-intro-start-frame{min-height:unset}
}
.section-hero .intro-hero .video-container .hero-video{display:none}
html.enhance-xp .section-hero .intro-hero .video-container .hero-video{display:block;object-fit:cover;object-position:top;width:100%;min-height:100vh;position:relative;z-index:1;margin:0;transform:translateX(-50%);left:50%;opacity:0}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .intro-hero .video-container .hero-video{min-height:unset}
}
.section-hero .intro-hero .video-container .image-hero-end-frame{display:none}
html.enhance-xp .section-hero .intro-hero .video-container .image-hero-end-frame{position:absolute;display:block;z-index:2;width:100%;min-height:100vh;left:unset;margin-left:unset;transition:opacity .5s linear;opacity:0}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .intro-hero .video-container .image-hero-end-frame{min-height:unset}
}
html.enhance-xp .section-hero .intro-hero .video-container .image-hero-end-frame img{height:100%;object-fit:cover;width:100%;min-height:100vh;object-position:top}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .intro-hero .video-container .image-hero-end-frame img{min-height:unset}
}
.section-hero .intro-hero .video-container .image-hero-fallback{width:var(--p-width);height:var(--p-height);--p-width:1210px;--p-height:740px;position:relative;left:50%;margin-left:-605px;display:block}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-hero .intro-hero .video-container .image-hero-fallback{--p-width:706px;--p-height:484px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-hero .intro-hero .video-container .image-hero-fallback{--p-width:392px;--p-height:304px}
}
@media only screen and (max-width:1068px){
  .section-hero .intro-hero .video-container .image-hero-fallback{left:50%;margin-left:-353px}
}
@media only screen and (max-width:734px){
  .section-hero .intro-hero .video-container .image-hero-fallback{left:50%;margin-left:-196px}
}
html.enhance-xp .section-hero .intro-hero .video-container .image-hero-fallback{display:none}
.section-hero .intro-hero .intro-text-container{position:relative;margin-top:120px;text-align:center}
@media only screen and (max-width:1068px){
  .section-hero .intro-hero .intro-text-container{margin-top:55px}
}
@media only screen and (max-width:734px){
  .section-hero .intro-hero .intro-text-container{margin-top:37px}
}
html.enhance-xp .section-hero .intro-hero .intro-text-container{margin-top:0}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .intro-hero .intro-text-container{margin-top:55px}
}
@media only screen and (max-width:734px){
  html.enhance-xp .section-hero .intro-hero .intro-text-container{margin-top:37px}
}
@media only screen and (max-width:1068px){
  .section-hero .intro-hero .intro-text-container .section-content{max-width:602px}
}
.section-hero .intro-hero .intro-text-container .word-anim-inside{display:inline-block}
html.enhance-xp .section-hero .intro-hero .intro-text-container .word-anim-inside{padding-bottom:3px}
.section-hero .intro-hero .intro-paragraph-container{margin-top:0}
@media only screen and (max-width:734px){
  html.enhance-xp .section-hero .intro-hero .intro-paragraph-container{opacity:1}
}
.section-hero .intro-hero .intro-paragraph-container .hero-copy,.section-hero .intro-hero .intro-paragraph-container .intro-paragraph{text-align:center;margin-left:auto;margin-right:auto}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .intro-hero .intro-paragraph-container .hero-copy,html.enhance-xp .section-hero .intro-hero .intro-paragraph-container .intro-paragraph{opacity:0;transform:translateY(10px);transition:transform .5s ease-out,opacity .5s ease-out}
}
@media only screen and (max-width:734px){
  .section-hero .intro-hero .intro-paragraph-container .intro-headline{font-size:64px;line-height:1.0625;font-weight:600;letter-spacing:-0.009em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(ar){letter-spacing:0em;font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(ja){line-height:1.109375;letter-spacing:0em;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(ko){line-height:1.171875;letter-spacing:0em;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(zh){letter-spacing:0em}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(th){line-height:1.34375;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
}
@media only screen and (max-width:734px)and (max-width:1068px){
  .section-hero .intro-hero .intro-paragraph-container .intro-headline{font-size:48px;line-height:1.0834933333;font-weight:600;letter-spacing:-0.003em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(ar){letter-spacing:0em;font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(ja){line-height:1.1459933333;letter-spacing:0em;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(ko){line-height:1.1875;letter-spacing:0em;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(zh){letter-spacing:0em}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(th){line-height:1.3334933333;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-hero .intro-hero .intro-paragraph-container .intro-headline{font-size:40px;line-height:1.1;font-weight:600;letter-spacing:0em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(ja){line-height:1.175;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(ko){line-height:1.2;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(th){line-height:1.35;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(ar){font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-hero .intro-hero .intro-paragraph-container .intro-headline:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .intro-hero .intro-paragraph-container .hero-copy{transition-delay:.15s}
}
html.text-zoom .section-hero .intro-hero .intro-paragraph-container .hero-copy{word-break:break-word}
.section-hero .intro-hero .intro-paragraph-container .intro-price{display:inline-block}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .intro-hero .intro-paragraph-container .intro-price{opacity:0;transform:translateY(10px);transition:transform .5s ease-out,opacity .5s ease-out;transition-delay:.25s}
}
.section-hero .intro-hero .intro-paragraph-container .intro-price.has-dynamic-content{margin-top:25px}
@media only screen and (max-width:734px){
  .section-hero .intro-hero .intro-paragraph-container .intro-price.has-dynamic-content{display:block}
}
.section-hero .intro-hero .intro-paragraph-container .availability-copy{color:#86868b;margin-top:25px;margin-bottom:0}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .intro-hero .intro-paragraph-container .availability-copy{opacity:0;transform:translateY(10px);transition:transform .5s ease-out,opacity .5s ease-out;transition-delay:.25s}
}
.section-hero .intro-hero .intro-paragraph-container .has-dynamic-content+.availability-copy{margin-top:10px}
.section-hero .intro-hero .intro-paragraph-container .cta-container{padding-bottom:3px;margin-top:25px}
.section-hero .intro-hero .intro-paragraph-container .cta-container li{display:inline;margin:0 .8em}
.section-hero .intro-hero .intro-paragraph-container .cta-container li:first-child{margin-left:0}
.section-hero .intro-hero .intro-paragraph-container .cta-container li:last-child{margin-right:0}
@media only screen and (max-width:734px){
  .section-hero .intro-hero .intro-paragraph-container .cta-container li{margin:0;display:block}
  .section-hero .intro-hero .intro-paragraph-container .cta-container li+li{margin-top:.4em}
}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .intro-hero .intro-paragraph-container .cta-container{transition:transform .5s ease-out,opacity .5s ease-out;transform:translateY(10px);transition-delay:.3s;opacity:0}
}
.section-hero .intro-hero .intro-paragraph-container .cta-container .hero-cta{vertical-align:text-top}
.section-hero .intro-hero .intro-paragraph-container .cta-container .film-cta{margin-right:0}
.section-hero .intro-hero .intro-paragraph-container .cta-container .intro-ar{margin-left:0}
@media only screen and (min-width:735px){
  html.ar-quicklook .section-hero .intro-hero .intro-paragraph-container .cta-container .intro-ar .ar-quicklook-link{margin-top:18px}
}
.section-hero .intro-hero .intro-paragraph-container .availability-copy+.cta-container,.section-hero .intro-hero .intro-paragraph-container .has-dynmic-content+.cta-container{margin-top:9px}
.section-hero .intro-hero .intro-fade-in{opacity:1!important}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .intro-hero .intro-fade-in .availability-copy,html.enhance-xp .section-hero .intro-hero .intro-fade-in .cta-container,html.enhance-xp .section-hero .intro-hero .intro-fade-in .hero-copy,html.enhance-xp .section-hero .intro-hero .intro-fade-in .intro-paragraph,html.enhance-xp .section-hero .intro-hero .intro-fade-in .intro-price{opacity:1;transform:translateY(0)}
}
.section-hero .intro-hero .intro-fade-out{opacity:0}
html.enhance-xp .section-hero .hero-sequence{height:430vh;margin-top:-20vh}
@media only screen and (max-width:734px){
  html.enhance-xp .section-hero .hero-sequence{height:auto;margin-top:unset}
}
html.enhance-xp .section-hero .hero-sequence .sticky-element{position:sticky;top:0;height:100vh;min-height:1033px;overflow:hidden}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .hero-sequence .sticky-element{min-height:426px}
}
@media only screen and (max-width:734px){
  html.enhance-xp .section-hero .hero-sequence .sticky-element{position:static;min-height:auto;height:auto}
}
.section-hero .hero-sequence .sequence-element{margin-left:auto;margin-right:auto;width:980px;position:relative}
@media only screen and (min-width:1441px){
  .section-hero .hero-sequence .sequence-element{margin-left:auto;margin-right:auto;width:980px}
}
@media only screen and (max-width:1068px){
  .section-hero .hero-sequence .sequence-element{margin-left:auto;margin-right:auto;width:692px}
}
@media only screen and (max-width:734px){
  .section-hero .hero-sequence .sequence-element{margin-left:auto;margin-right:auto;width:87.5%;max-width:400px;flex-direction:column;align-items:center}
}
html.enhance-xp .section-hero .hero-sequence .sequence-element{width:1336px;height:786px;position:absolute;top:50%;left:50%;margin:0 auto;transform:translateY(-50%) translateX(-50%)}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .hero-sequence .sequence-element{width:780px;height:426px}
}
@media only screen and (max-width:1068px)and (min-height:1300px)and (min-width:1024px){
  html.enhance-xp .section-hero .hero-sequence .sequence-element{width:1336px;height:786px}
}
@media only screen and (max-width:734px){
  html.enhance-xp .section-hero .hero-sequence .sequence-element{position:static;top:unset;left:unset;margin:0 auto;transform:unset;height:auto}
}
@media only screen and (max-width:734px)and (max-width:734px){
  html.enhance-xp .section-hero .hero-sequence .sequence-element{margin-left:auto;margin-right:auto;width:87.5%}
}
.section-hero .hero-sequence .sequence-element .sequence{display:none}
html.enhance-xp .section-hero .hero-sequence .sequence-element .sequence{display:block;width:100%;height:100%}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .hero-sequence .sequence-element .sequence{transform:translateX(15px)}
}
@media only screen and (max-width:734px){
  html.enhance-xp .section-hero .hero-sequence .sequence-element .sequence{width:400px;height:223px;position:relative;left:50%;transform:translateX(-50%)}
}
.section-hero .hero-sequence .sequence-element .overview-hero-specs{display:block;width:var(--p-width);height:var(--p-height);--p-width:1210px;--p-height:512px;position:relative;left:50%;margin-left:-605px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-hero .hero-sequence .sequence-element .overview-hero-specs{--p-width:704px;--p-height:298px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-hero .hero-sequence .sequence-element .overview-hero-specs{--p-width:390px;--p-height:166px}
}
@media only screen and (max-width:1068px){
  .section-hero .hero-sequence .sequence-element .overview-hero-specs{left:50%;margin-left:-352px}
}
@media only screen and (max-width:734px){
  .section-hero .hero-sequence .sequence-element .overview-hero-specs{left:50%;margin-left:-195px}
}
@media only screen and (max-width:1068px){
  .section-hero .hero-sequence .sequence-element .overview-hero-specs{transform:translateX(15px)}
}
html.enhance-xp .section-hero .hero-sequence .sequence-element .overview-hero-specs{display:none}
.section-hero .hero-sequence .sequence-element canvas{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;}
@media only screen and (max-width:1068px)and (min-height:1300px)and (min-width:1024px){
  .section-hero .hero-sequence .sequence-element canvas{width:1336px;height:786px}
}
@media only screen and (max-width:734px){
  .section-hero .hero-sequence .sequence-element canvas{position:static;width:100%}
}
.section-hero .hero-sequence .stats-container{width:1210px;height:512px;width:1245px;position:absolute;top:-10px;left:-20px}
@media only screen and (max-width:1068px){
  .section-hero .hero-sequence .stats-container{width:704px;height:298px}
}
@media only screen and (max-width:734px){
  .section-hero .hero-sequence .stats-container{width:390px;height:166px}
}
@media only screen and (max-width:1068px){
  .section-hero .hero-sequence .stats-container{top:-15px;left:10px}
}
@media only screen and (max-width:734px){
  .section-hero .hero-sequence .stats-container{width:100%;position:relative;height:auto;margin-top:34px;top:unset;left:unset}
}
html.enhance-xp .section-hero .hero-sequence .stats-container{top:85px;left:160px}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .hero-sequence .stats-container{top:45px;left:55px}
}
@media only screen and (max-width:1068px)and (min-height:1300px)and (min-width:1024px){
  html.enhance-xp .section-hero .hero-sequence .stats-container{top:85px;left:160px;width:1210px;height:512px}
}
@media only screen and (max-width:734px){
  html.enhance-xp .section-hero .hero-sequence .stats-container{top:unset;left:unset}
}
html.text-zoom .section-hero .hero-sequence .stats-container{margin-left:auto;margin-right:auto;width:980px;position:relative;height:auto;margin-top:34px}
@media only screen and (min-width:1441px){
  html.text-zoom .section-hero .hero-sequence .stats-container{margin-left:auto;margin-right:auto;width:980px}
}
@media only screen and (max-width:1068px){
  html.text-zoom .section-hero .hero-sequence .stats-container{margin-left:auto;margin-right:auto;width:692px}
}
@media only screen and (max-width:734px){
  html.text-zoom .section-hero .hero-sequence .stats-container{margin-left:auto;margin-right:auto;width:87.5%}
}
.section-hero .hero-sequence .stats-container .stat-item{display:flex;flex-wrap:wrap;align-items:flex-end;position:absolute;z-index:1;color:#86868b}
@media only screen and (max-width:734px){
  .section-hero .hero-sequence .stats-container .stat-item{position:relative;margin-top:33px}
}
html.text-zoom .section-hero .hero-sequence .stats-container .stat-item{position:relative;margin-top:33px}
.section-hero .hero-sequence .stats-container .stat-item .stat-border{width:40px;height:4px;background-color:#1d1d1f}
.section-hero .hero-sequence .stats-container .stat-item .stat-up-to{width:100%;margin-top:14px}
.section-hero .hero-sequence .stats-container .stat-item .stat-stat{color:#1d1d1f}
@media only screen and (max-width:734px){
  .section-hero .hero-sequence .stats-container .stat-item .stat-stat{width:100%}
}
.section-hero .hero-sequence .stats-container .stat-item .stat-copy{margin-bottom:12px;margin-left:13px}
@media only screen and (max-width:1068px){
  .section-hero .hero-sequence .stats-container .stat-item .stat-copy{margin-bottom:7px}
}
@media only screen and (max-width:734px){
  .section-hero .hero-sequence .stats-container .stat-item .stat-copy{margin-bottom:8px;margin-left:0}
}
.section-hero .hero-sequence .stats-container .stat-item.stat-bandwidth{top:284px;left:-20px}
@media only screen and (max-width:1068px){
  .section-hero .hero-sequence .stats-container .stat-item.stat-bandwidth{top:162px;left:2px}
}
@media only screen and (max-width:1068px)and (min-height:1300px)and (min-width:1024px){
  html.enhance-xp .section-hero .hero-sequence .stats-container .stat-item.stat-bandwidth{top:284px;left:30px}
}
@media only screen and (max-width:734px){
  .section-hero .hero-sequence .stats-container .stat-item.stat-bandwidth{top:unset;left:unset}
}
html.text-zoom .section-hero .hero-sequence .stats-container .stat-item.stat-bandwidth{top:unset}
.section-hero .hero-sequence .stats-container .stat-item.stat-performance{right:160px;top:130px}
@media only screen and (max-width:1068px){
  .section-hero .hero-sequence .stats-container .stat-item.stat-performance{right:-40px;top:84px}
}
@media only screen and (max-width:1068px)and (min-height:1300px)and (min-width:1024px){
  html.enhance-xp .section-hero .hero-sequence .stats-container .stat-item.stat-performance{right:170px;top:160px}
}
@media only screen and (max-width:734px){
  .section-hero .hero-sequence .stats-container .stat-item.stat-performance{top:unset;right:unset}
}
html.text-zoom .section-hero .hero-sequence .stats-container .stat-item.stat-performance{right:unset;top:unset}
.section-hero .hero-sequence .stats-container .stat-item.stat-battery{bottom:-250px;left:175px}
@media only screen and (max-width:1068px){
  .section-hero .hero-sequence .stats-container .stat-item.stat-battery{bottom:-185px;left:175px}
}
@media only screen and (max-width:1068px)and (min-height:1300px)and (min-width:1024px){
  html.enhance-xp .section-hero .hero-sequence .stats-container .stat-item.stat-battery{bottom:-250px;left:175px}
}
@media only screen and (max-width:734px){
  .section-hero .hero-sequence .stats-container .stat-item.stat-battery{bottom:unset;left:unset}
}
html.text-zoom .section-hero .hero-sequence .stats-container .stat-item.stat-battery{bottom:unset;left:unset}
.section-hero .hero-sequence .stats-container .stat-item.stat-machine{bottom:-195px;right:310px}
@media only screen and (max-width:1068px){
  .section-hero .hero-sequence .stats-container .stat-item.stat-machine{bottom:-155px;right:30px}
}
@media only screen and (max-width:1068px)and (min-height:1300px)and (min-width:1024px){
  html.enhance-xp .section-hero .hero-sequence .stats-container .stat-item.stat-machine{bottom:-195px;right:310px}
}
@media only screen and (max-width:734px){
  .section-hero .hero-sequence .stats-container .stat-item.stat-machine{bottom:unset;right:unset}
}
html.text-zoom .section-hero .hero-sequence .stats-container .stat-item.stat-machine{bottom:unset;right:unset}
.section-hero .hero-ports{display:flex;justify-content:center;overflow:hidden;margin:455px 0 192px}
@media only screen and (max-width:1068px){
  .section-hero .hero-ports{margin:407px 0 197px}
}
@media only screen and (max-width:734px){
  .section-hero .hero-ports{margin:82px 0 85px;flex-direction:column-reverse;align-items:center}
}
html.enhance-xp .section-hero .hero-ports{margin-top:100px;margin-bottom:0}
html.enhance-xp .section-hero .hero-ports:before{content:"";height:70px;width:100%;position:absolute;background-color:#fff;left:0}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-hero .hero-ports{margin-top:0}
}
@media only screen and (max-width:734px){
  html.enhance-xp .section-hero .hero-ports{margin-top:120px}
}
.section-hero .hero-ports .left-ports-container{margin-right:105px}
@media only screen and (max-width:1068px){
  .section-hero .hero-ports .left-ports-container{margin-right:75px}
}
@media only screen and (max-width:734px){
  .section-hero .hero-ports .left-ports-container{margin-right:284px;margin-top:27px}
}
.section-hero .hero-ports .left-ports-container .overview-hero-side-left{display:block;width:var(--p-width);height:var(--p-height);--p-width:1122px;--p-height:86px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-hero .hero-ports .left-ports-container .overview-hero-side-left{--p-width:778px;--p-height:60px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-hero .hero-ports .left-ports-container .overview-hero-side-left{--p-width:548px;--p-height:42px}
}
@media only screen and (max-width:734px){
  .section-hero .hero-ports .right-ports-container{margin-left:330px}
}
.section-hero .hero-ports .right-ports-container .overview-hero-side-right{display:block;width:var(--p-width);height:var(--p-height);--p-width:1122px;--p-height:86px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-hero .hero-ports .right-ports-container .overview-hero-side-right{--p-width:778px;--p-height:60px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-hero .hero-ports .right-ports-container .overview-hero-side-right{--p-width:548px;--p-height:42px}
}
.section-content-stats{margin-left:auto;margin-right:auto;max-width:1400px}
@media only screen and (max-width:1068px){
  .section-content-stats{max-width:100%}
}
@media only screen and (min-width:735px){
  html.enhance-xp .section-performance .subsection-hero [data-word-anim]{opacity:1}
}
.section-performance .subsection-hero .performance-section-pad-top{padding-top:175px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-hero .performance-section-pad-top{padding-top:125px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-hero .performance-section-pad-top{padding-top:120px}
}
.section-performance .subsection-hero .performance-section-pad-bottom{padding-bottom:175px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-hero .performance-section-pad-bottom{padding-bottom:125px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-hero .performance-section-pad-bottom{padding-bottom:120px}
}
.section-performance .subsection-hero .sticky-container{text-align:center}
html.enhance-xp .section-performance .subsection-hero .sticky-container{min-height:300vh}
.section-performance .subsection-hero .sticky-container .performance-headline{padding-bottom:50px}
html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element{position:sticky;top:0;height:auto;min-height:100vh}
.section-performance .subsection-hero .sticky-container .sticky-element .performance-swipe,.section-performance .subsection-hero .sticky-container .sticky-element .performance-swipe-alt{width:100%;position:relative}
html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .performance-swipe,html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .performance-swipe-alt{min-height:100vh}
.section-performance .subsection-hero .sticky-container .sticky-element .performance-swipe{overflow:hidden}
html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .performance-swipe{will-change:clip-path;position:relative}
@media only screen and (min-width:735px){
  html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .performance-swipe:after{content:"";height:10px;width:100%;position:absolute;bottom:-10px;background-color:#000;left:0}
}
.section-performance .subsection-hero .sticky-container .sticky-element .performance-swipe .performance-swipe-headline{position:relative;z-index:1}
.section-performance .subsection-hero .sticky-container .sticky-element .performance-swipe .gradient-container{position:absolute;top:30%;margin:0 auto;left:50%;transform:translateX(-50%) translateY(-50%)}
@media only screen and (max-width:734px){
  .section-performance .subsection-hero .sticky-container .sticky-element .performance-swipe .gradient-container{top:20%}
}
.section-performance .subsection-hero .sticky-container .sticky-element .performance-swipe-alt{background-color:#fff;display:none}
html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .performance-swipe-alt{display:block;position:absolute}
.section-performance .subsection-hero .sticky-container .sticky-element .performance-swipe-alt .performance-alt-headline{color:#1d1d1f}
.section-performance .subsection-hero .sticky-container .sticky-element .chip-container{display:flex;justify-content:center;position:relative;margin-top:72px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-hero .sticky-container .sticky-element .chip-container{margin-top:60px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-hero .sticky-container .sticky-element .chip-container{margin-top:35px}
}
@media only screen and (max-width:734px){
  html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container{max-width:270px}
}
.section-performance .subsection-hero .sticky-container .sticky-element .chip-container.outer-chip-container{display:none}
html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container.outer-chip-container{position:absolute;display:flex;justify-content:center;left:0;right:0;top:260px;z-index:3}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container.outer-chip-container{top:192px}
}
@media only screen and (max-width:734px){
  html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container.outer-chip-container{top:172px}
}
.section-performance .subsection-hero .sticky-container .sticky-element .chip-container .max-chip-container,.section-performance .subsection-hero .sticky-container .sticky-element .chip-container .pro-chip-container{position:relative}
.section-performance .subsection-hero .sticky-container .sticky-element .chip-container .pro-chip-container{margin-right:120px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .pro-chip-container{margin-right:88px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .pro-chip-container{margin-right:22px}
}
.section-performance .subsection-hero .sticky-container .sticky-element .chip-container .pro-chip-container .overview-performance-m1-pro{display:block;width:var(--p-width);height:var(--p-height);--p-width:370px;--p-height:370px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .pro-chip-container .overview-performance-m1-pro{--p-width:260px;--p-height:260px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .pro-chip-container .overview-performance-m1-pro{--p-width:134px;--p-height:134px}
}
.section-performance .subsection-hero .sticky-container .sticky-element .chip-container .max-chip-container .overview-performance-m1-max{display:block;width:var(--p-width);height:var(--p-height);--p-width:370px;--p-height:370px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .max-chip-container .overview-performance-m1-max{--p-width:260px;--p-height:260px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .max-chip-container .overview-performance-m1-max{--p-width:134px;--p-height:134px}
}
html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .overview-performance-shadow-m1-max,html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .overview-performance-shadow-m1-pro{display:block;width:var(--p-width);height:var(--p-height);--p-width:370px;--p-height:370px;position:absolute;left:0;right:0;margin:-5px auto 0;z-index:-1}
@media only screen and (max-width:1068px)and (max-width:1068px){
  html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .overview-performance-shadow-m1-max,html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .overview-performance-shadow-m1-pro{--p-width:260px;--p-height:260px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .overview-performance-shadow-m1-max,html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .overview-performance-shadow-m1-pro{--p-width:134px;--p-height:134px}
}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .overview-performance-shadow-m1-max,html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .overview-performance-shadow-m1-pro{margin-top:-2px}
}
@media only screen and (max-width:734px){
  html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .overview-performance-shadow-m1-max,html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .overview-performance-shadow-m1-pro{margin-top:-1px}
}
.section-performance .subsection-hero .sticky-container .sticky-element .chip-container .max-text-container,.section-performance .subsection-hero .sticky-container .sticky-element .chip-container .pro-text-container{margin-top:7px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .max-text-container,.section-performance .subsection-hero .sticky-container .sticky-element .chip-container .pro-text-container{margin-top:20px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .max-text-container,.section-performance .subsection-hero .sticky-container .sticky-element .chip-container .pro-text-container{margin-top:17px;margin-left:7px;text-align:left}
}
.section-performance .subsection-hero .sticky-container .sticky-element .chip-container .max-text-container .chip-copy:not(:first-of-type),.section-performance .subsection-hero .sticky-container .sticky-element .chip-container .pro-text-container .chip-copy:not(:first-of-type){margin-top:4px}
@media only screen and (max-width:734px){
  .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .max-text-container .chip-copy:not(:first-of-type),.section-performance .subsection-hero .sticky-container .sticky-element .chip-container .pro-text-container .chip-copy:not(:first-of-type){margin-top:10px}
}
.section-performance .subsection-hero .sticky-container .sticky-element .chip-container .pro-text-container [data-text-gradient]{color:#256af3;-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:5px;margin-bottom:-5px;background-image:linear-gradient(90deg,#7cc0e2,#256af3 50%,#252fff)}
html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .pro-text-container{--colors:5;--angle:90;--blend:0.5;--color1:#252fff;--color2:#256af3;--color3:#7cc0e2;--color4:#256af3;--color5:#252fff;--fade1:0%;--fade2:50%;--fade3:100%;--fade4:150%;--fade5:200%}
html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .pro-text-container [data-text-gradient]{background-image:linear-gradient(90deg,var(--color1) var(--fade1),var(--color2) var(--fade2),var(--color3) var(--fade3),var(--color4) var(--fade4),var(--color5) var(--fade5));color:var(--color2);-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:5px;margin-bottom:-5px}
.section-performance .subsection-hero .sticky-container .sticky-element .chip-container .max-text-container [data-text-gradient]{color:#9d44fd;-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:5px;margin-bottom:-5px;background-image:linear-gradient(90deg,#ff9fe1,#9d44fd 50%,#8727ff)}
html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .max-text-container{--colors:5;--angle:90;--blend:0.5;--color1:#8727ff;--color2:#9d44fd;--color3:#ff9fe1;--color4:#9d44fd;--color5:#8727ff;--fade1:0%;--fade2:50%;--fade3:100%;--fade4:150%;--fade5:200%}
html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .max-text-container [data-text-gradient]{background-image:linear-gradient(90deg,var(--color1) var(--fade1),var(--color2) var(--fade2),var(--color3) var(--fade3),var(--color4) var(--fade4),var(--color5) var(--fade5));color:var(--color2);-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:5px;margin-bottom:-5px}
.section-performance .subsection-hero .sticky-container .sticky-element .chip-container .sequence-container{z-index:1}
@media only screen and (max-width:734px){
  .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .sequence-container{width:135px}
}
.section-performance .subsection-hero .sticky-container .sticky-element .chip-container .image-sequence{display:none}
html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .image-sequence{width:370px;height:370px;display:block}
@media only screen and (max-width:1068px){
  html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .image-sequence{width:260px;height:260px}
}
@media only screen and (max-width:734px){
  html.enhance-xp .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .image-sequence{width:134px;height:134px}
}
.section-performance .subsection-hero .sticky-container .sticky-element .chip-container .image-sequence canvas{width:330px;height:330px;margin-top:15px;margin-left:2px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .image-sequence canvas{width:231px;height:231px;margin-top:11px;margin-left:1px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-hero .sticky-container .sticky-element .chip-container .image-sequence canvas{width:121px;height:121px;margin-top:5px;margin-left:-1px}
}
.section-performance .subsection-hero .sticky-container .sticky-element .chip-container .chip-headline{color:#f5f5f7}
.section-performance .subsection-hero .sticky-container .sticky-element .hero-copy-container{position:relative;color:#f5f5f7;margin-top:85px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-hero .sticky-container .sticky-element .hero-copy-container{max-width:590px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-hero .sticky-container .sticky-element .hero-copy-container{margin-top:50px}
}
.section-performance .subsection-hero .sticky-container .sticky-element .hero-copy-container .hero-copy{margin-left:auto;margin-right:auto}
@media only screen and (max-width:734px){
  .section-performance .subsection-hero .sticky-container .sticky-element .hero-copy-container .hero-copy{text-align:left}
}
.section-performance .subsection-m1-pro{overflow:hidden}
@media only screen and (max-width:1068px){
  .section-performance .subsection-m1-pro{padding-top:145px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-m1-pro{padding-top:97px}
}
.section-performance .subsection-m1-pro.display-layer{position:relative;z-index:2}
.section-performance .subsection-m1-pro .subsection-performance-stats{display:block;position:relative;max-width:1400px;height:900px}
.section-performance .subsection-m1-pro .subsection-performance-stats:after{content:"";display:block}
.section-performance .subsection-m1-pro .subsection-performance-stats img{max-width:100%;position:absolute}
.section-performance .subsection-m1-pro .subsection-performance-stats:after{padding-bottom:64.2857142857%}
@media only screen and (max-width:1068px){
  .section-performance .subsection-m1-pro .subsection-performance-stats{max-width:1068px}
  .section-performance .subsection-m1-pro .subsection-performance-stats:after{padding-bottom:53.7453183521%}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-m1-pro .subsection-performance-stats{max-width:736px}
  .section-performance .subsection-m1-pro .subsection-performance-stats:after{padding-bottom:76.0869565217%}
}
@media only screen and (max-width:1068px){
  .section-performance .subsection-m1-pro .subsection-performance-stats{height:574px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-m1-pro .subsection-performance-stats{height:560px}
}
.section-performance .subsection-m1-pro .subsection-performance-stats .inline-media{height:900px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-m1-pro .subsection-performance-stats .inline-media{height:574px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-m1-pro .subsection-performance-stats .inline-media{height:560px}
}
.section-performance .subsection-m1-pro .subsection-performance-stats .start-frame{display:block;position:relative;max-width:1400px}
.section-performance .subsection-m1-pro .subsection-performance-stats .start-frame:after{content:"";display:block}
.section-performance .subsection-m1-pro .subsection-performance-stats .start-frame img{max-width:100%;position:absolute}
.section-performance .subsection-m1-pro .subsection-performance-stats .start-frame:after{padding-bottom:64.2857142857%}
@media only screen and (max-width:1068px){
  .section-performance .subsection-m1-pro .subsection-performance-stats .start-frame{max-width:1068px}
  .section-performance .subsection-m1-pro .subsection-performance-stats .start-frame:after{padding-bottom:53.7453183521%}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-m1-pro .subsection-performance-stats .start-frame{max-width:736px}
  .section-performance .subsection-m1-pro .subsection-performance-stats .start-frame:after{padding-bottom:76.0869565217%}
}
.section-performance .subsection-m1-pro .subsection-performance-stats .static-frame{display:block;position:relative;max-width:1400px}
.section-performance .subsection-m1-pro .subsection-performance-stats .static-frame:after{content:"";display:block}
.section-performance .subsection-m1-pro .subsection-performance-stats .static-frame img{max-width:100%;position:absolute}
.section-performance .subsection-m1-pro .subsection-performance-stats .static-frame:after{padding-bottom:64.2857142857%}
@media only screen and (max-width:1068px){
  .section-performance .subsection-m1-pro .subsection-performance-stats .static-frame{max-width:1068px}
  .section-performance .subsection-m1-pro .subsection-performance-stats .static-frame:after{padding-bottom:53.7453183521%}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-m1-pro .subsection-performance-stats .static-frame{max-width:736px}
  .section-performance .subsection-m1-pro .subsection-performance-stats .static-frame:after{padding-bottom:76.0869565217%}
}
.section-performance .subsection-m1-pro [data-text-gradient]{display:inline-block;color:#256af3;-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:5px;margin-bottom:-5px;background-image:linear-gradient(45deg,#7cc0e2,#256af3 50%,#252fff)}
html.enhance-xp .section-performance .subsection-m1-pro{--colors:5;--angle:45;--blend:0.5;--color1:#252fff;--color2:#256af3;--color3:#7cc0e2;--color4:#256af3;--color5:#252fff;--fade1:0%;--fade2:50%;--fade3:100%;--fade4:150%;--fade5:200%}
html.enhance-xp .section-performance .subsection-m1-pro [data-text-gradient]{background-image:linear-gradient(45deg,var(--color1) var(--fade1),var(--color2) var(--fade2),var(--color3) var(--fade3),var(--color4) var(--fade4),var(--color5) var(--fade5));color:var(--color2);-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:5px;margin-bottom:-5px}
.section-performance .subsection-m1-max{overflow:hidden;padding-top:160px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-m1-max{padding-top:113px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-m1-max{padding-top:92px}
}
.section-performance .subsection-m1-max .subsection-performance-stats{display:block;position:relative;max-width:1400px;height:900px}
.section-performance .subsection-m1-max .subsection-performance-stats:after{content:"";display:block}
.section-performance .subsection-m1-max .subsection-performance-stats img{max-width:100%;position:absolute}
.section-performance .subsection-m1-max .subsection-performance-stats:after{padding-bottom:64.2857142857%}
@media only screen and (max-width:1068px){
  .section-performance .subsection-m1-max .subsection-performance-stats{max-width:1068px}
  .section-performance .subsection-m1-max .subsection-performance-stats:after{padding-bottom:53.7453183521%}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-m1-max .subsection-performance-stats{max-width:736px}
  .section-performance .subsection-m1-max .subsection-performance-stats:after{padding-bottom:76.0869565217%}
}
@media only screen and (max-width:1068px){
  .section-performance .subsection-m1-max .subsection-performance-stats{height:574px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-m1-max .subsection-performance-stats{height:560px}
}
.section-performance .subsection-m1-max .subsection-performance-stats .inline-media{height:900px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-m1-max .subsection-performance-stats .inline-media{height:574px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-m1-max .subsection-performance-stats .inline-media{height:560px}
}
.section-performance .subsection-m1-max .subsection-performance-stats .start-frame{display:block;position:relative;max-width:1400px}
.section-performance .subsection-m1-max .subsection-performance-stats .start-frame:after{content:"";display:block}
.section-performance .subsection-m1-max .subsection-performance-stats .start-frame img{max-width:100%;position:absolute}
.section-performance .subsection-m1-max .subsection-performance-stats .start-frame:after{padding-bottom:64.2857142857%}
@media only screen and (max-width:1068px){
  .section-performance .subsection-m1-max .subsection-performance-stats .start-frame{max-width:1068px}
  .section-performance .subsection-m1-max .subsection-performance-stats .start-frame:after{padding-bottom:53.7453183521%}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-m1-max .subsection-performance-stats .start-frame{max-width:736px}
  .section-performance .subsection-m1-max .subsection-performance-stats .start-frame:after{padding-bottom:76.0869565217%}
}
.section-performance .subsection-m1-max .subsection-performance-stats .static-frame{display:block;position:relative;max-width:1400px}
.section-performance .subsection-m1-max .subsection-performance-stats .static-frame:after{content:"";display:block}
.section-performance .subsection-m1-max .subsection-performance-stats .static-frame img{max-width:100%;position:absolute}
.section-performance .subsection-m1-max .subsection-performance-stats .static-frame:after{padding-bottom:64.2857142857%}
@media only screen and (max-width:1068px){
  .section-performance .subsection-m1-max .subsection-performance-stats .static-frame{max-width:1068px}
  .section-performance .subsection-m1-max .subsection-performance-stats .static-frame:after{padding-bottom:53.7453183521%}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-m1-max .subsection-performance-stats .static-frame{max-width:736px}
  .section-performance .subsection-m1-max .subsection-performance-stats .static-frame:after{padding-bottom:76.0869565217%}
}
.section-performance .subsection-m1-max [data-text-gradient]{display:inline-block;color:#9d44fd;-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:5px;margin-bottom:-5px;background-image:linear-gradient(45deg,#ff9fe1,#9d44fd 50%,#8727ff)}
html.enhance-xp .section-performance .subsection-m1-max{--colors:5;--angle:45;--blend:0.5;--color1:#8727ff;--color2:#9d44fd;--color3:#ff9fe1;--color4:#9d44fd;--color5:#8727ff;--fade1:0%;--fade2:50%;--fade3:100%;--fade4:150%;--fade5:200%}
html.enhance-xp .section-performance .subsection-m1-max [data-text-gradient]{background-image:linear-gradient(45deg,var(--color1) var(--fade1),var(--color2) var(--fade2),var(--color3) var(--fade3),var(--color4) var(--fade4),var(--color5) var(--fade5));color:var(--color2);-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:5px;margin-bottom:-5px}
.section-performance .subsection-configuration{overflow:hidden;padding-top:160px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-configuration{padding-top:113px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-configuration{padding-top:92px}
}
.section-performance .subsection-configuration .configuration-headline{color:#f5f5f7}
.section-performance .subsection-configuration .hardware-lockup{display:flex;flex-direction:column;align-items:center;margin-top:100px;position:relative}
@media only screen and (max-width:1068px){
  .section-performance .subsection-configuration .hardware-lockup{margin-top:70px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-configuration .hardware-lockup{margin-top:48px}
}
.section-performance .subsection-configuration .hardware-lockup .overview-performance-choose-size{display:block;width:var(--p-width);height:var(--p-height);--p-width:1094px;--p-height:442px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-performance .subsection-configuration .hardware-lockup .overview-performance-choose-size{--p-width:656px;--p-height:266px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-performance .subsection-configuration .hardware-lockup .overview-performance-choose-size{--p-width:338px;--p-height:154px}
}
.section-performance .subsection-configuration .hardware-lockup .figcaption-container{display:flex;justify-content:space-between;width:100%;padding-top:18px}
@media only screen and (min-width:735px)and (max-width:1068px){
  .section-performance .subsection-configuration .hardware-lockup .figcaption-container{margin-left:auto;margin-right:auto;max-width:580px;padding-top:23px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-configuration .hardware-lockup .figcaption-container{max-width:300px;padding-top:9px}
}
.section-performance .subsection-configuration .configuration-copy{padding-top:42px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-configuration .configuration-copy{padding-top:34px}
}
.section-performance .subsection-gallery{margin-left:auto;margin-right:auto;position:relative;box-sizing:border-box;background-color:#151516;width:1140px;max-width:calc(100vw - 40px);padding:105px 0;margin-bottom:20px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-gallery{width:calc(100vw - 40px)}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-gallery{padding:50px 0;max-width:400px}
}
@media only screen and (max-width:320px){
  .section-performance .subsection-gallery{width:100%}
}
.section-performance .subsection-gallery.cpu-gallery-gallery{margin-top:80px}
@media only screen and (max-width:734px){
  .section-performance .subsection-gallery.cpu-gallery-gallery{padding-top:54px}
}
.section-performance .subsection-gallery .subsection-gallery-content{margin-left:auto;margin-right:auto;max-width:980px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-gallery .subsection-gallery-content{max-width:580px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-gallery .subsection-gallery-content{max-width:none;margin-left:unset;margin-right:unset}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-gallery .item-container,.section-performance .subsection-gallery .subsection-gallery-copy{padding:0 34px}
}
@media only screen and (max-width:320px){
  .section-performance .subsection-gallery .item-container,.section-performance .subsection-gallery .subsection-gallery-copy{padding:0 20px}
}
.section-performance .subsection-gallery .tablist-wrapper .tabnav-items{margin-left:0px;display:flex;flex-wrap:wrap;list-style:none}
@media only screen and (max-width:734px){
  .section-performance .subsection-gallery .tablist-wrapper .tabnav-items{margin:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-wrap:nowrap}
  @supports(margin:calc(max(0px))){
    .section-performance .subsection-gallery .tablist-wrapper .tabnav-items{margin:0 calc(max(env(safe-area-inset-left) + -10px,0))}
  }
}
.section-performance .subsection-gallery .tablist-wrapper .separator{display:inline-block;margin:0 4px;color:#6e6e73}
.section-performance .subsection-gallery .tablist-wrapper .tabnav-item.current{color:#fff}
.section-performance .subsection-gallery .tablist-wrapper .tabnav-item.current .tabnav-link{cursor:default;pointer-events:none}
.section-performance .subsection-gallery .tablist-wrapper .tabnav-item:not(.current):hover{color:#6e6e73}
.section-performance .subsection-gallery .tablist-wrapper{padding-top:44px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-gallery .tablist-wrapper{padding-top:30px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-gallery .tablist-wrapper{padding-top:24px}
}
.section-performance .subsection-gallery .tablist-wrapper .tabnav{text-align:left}
@media only screen and (max-width:734px){
  .section-performance .subsection-gallery .tablist-wrapper .tabnav{overflow:hidden;height:1.1666666667em}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-gallery .tablist-wrapper .tabnav-items{padding-bottom:1.1666666667em;padding-left:34px}
}
@media only screen and (max-width:320px){
  .section-performance .subsection-gallery .tablist-wrapper .tabnav-items{padding-left:20px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-gallery .tablist-wrapper .tabnav-item:last-of-type{padding-right:34px}
}
@media only screen and (max-width:320px){
  .section-performance .subsection-gallery .tablist-wrapper .tabnav-item:last-of-type{padding-right:20px}
}
.section-performance .subsection-gallery .tablist-wrapper .tabnav-link{color:inherit}
.section-performance .subsection-gallery .item-container{position:relative}
.section-performance .subsection-gallery .item-container .disclaimer.single-disclaimer,.section-performance .subsection-gallery .item-container .total-column-1{grid-column:span 12}
.section-performance .subsection-gallery .item-container .disclaimer,.section-performance .subsection-gallery .item-container .total-column-2{grid-column:span 6}
.section-performance .subsection-gallery .item-container .total-column-3{grid-column:span 4}
@media only screen and (max-width:734px){
  .section-performance .subsection-gallery .item-container .total-column-2,.section-performance .subsection-gallery .item-container .total-column-3{grid-column:span 12}
}
.section-performance .subsection-gallery .item-container .gallery-item.grid{padding-left:0;padding-right:0}
.section-performance .subsection-gallery .item-container .gallery-item:not(.current){pointer-events:none;opacity:0!important;position:absolute;top:0;left:0;width:100%}
@media only screen and (max-width:1068px){
  .section-performance .subsection-gallery .item-container .gallery-item{display:block}
}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container{display:grid;grid-template-columns:1fr auto;grid-row-gap:23px;row-gap:23px;margin-top:0;padding-top:38px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-gallery .item-container .gallery-item .bars-container{padding-top:38px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-gallery .item-container .gallery-item .bars-container{flex-direction:column}
}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar-caption{color:#fff}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar-content-container{position:relative;width:100%}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar-mask{position:relative;overflow:hidden;border-radius:5px;height:6px;z-index:1}
@media only screen and (max-width:734px){
  .section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar-mask{max-width:280px}
}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar{opacity:0;height:100%;transform-origin:left;border-radius:inherit;background:#fff}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar-caption{display:inline-block;white-space:nowrap;padding-top:10px}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar-caption.caption-2{margin:0;padding-top:0}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar-badge-container{position:absolute;margin-top:0}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge{border-top:none;padding:0;margin:0}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-content{top:-8px;padding-top:0;margin:0 0 0 20px}
html.reduced-motion .section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-content{opacity:1}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-value-container{display:flex;align-items:center}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-unit,.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-value{display:inline-block}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-caption{position:relative;top:-3px}
.section-performance .subsection-gallery .item-container .gallery-item{padding-top:75px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-gallery .item-container .gallery-item{padding-top:65px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-gallery .item-container .gallery-item{padding-top:59px}
}
.section-performance .subsection-gallery .item-container .gallery-item .disclaimer{font-size:28px;line-height:1.1428571429;font-weight:600;letter-spacing:.007em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff}
.section-performance .subsection-gallery .item-container .gallery-item .disclaimer:lang(ko){line-height:1.25;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .disclaimer:lang(th){line-height:1.3928571429;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .disclaimer:lang(ar){font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .disclaimer:lang(ja){font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .disclaimer:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .disclaimer:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .disclaimer:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .disclaimer:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
@media only screen and (max-width:734px){
  .section-performance .subsection-gallery .item-container .gallery-item .disclaimer{font-size:24px;line-height:1.1666666667;font-weight:600;letter-spacing:.009em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-performance .subsection-gallery .item-container .gallery-item .disclaimer:lang(ja){line-height:1.25;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-performance .subsection-gallery .item-container .gallery-item .disclaimer:lang(ko){line-height:1.2916666667;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-performance .subsection-gallery .item-container .gallery-item .disclaimer:lang(th){line-height:1.375;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-performance .subsection-gallery .item-container .gallery-item .disclaimer:lang(ar){font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-performance .subsection-gallery .item-container .gallery-item .disclaimer:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-performance .subsection-gallery .item-container .gallery-item .disclaimer:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-performance .subsection-gallery .item-container .gallery-item .disclaimer:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-performance .subsection-gallery .item-container .gallery-item .disclaimer:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
}
.section-performance .subsection-gallery .item-container .gallery-item .disclaimer.single-disclaimer{text-align:center;padding-bottom:15px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-gallery .item-container .gallery-item .disclaimer.single-disclaimer{text-align:left;padding-bottom:39px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-gallery .item-container .gallery-item .disclaimer.single-disclaimer{padding-bottom:29px}
}
.section-performance .subsection-gallery .item-container .gallery-item .group{margin-right:60px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-gallery .item-container .gallery-item .group{margin-right:0px;margin-bottom:60px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-gallery .item-container .gallery-item .group{margin-bottom:56px}
}
@media only screen and (max-width:1068px){
  .section-performance .subsection-gallery .item-container .gallery-item .group:last-of-type{margin-bottom:0}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar-m1-max .bar-caption,.section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar-m1-pro .bar-caption{max-width:190px;white-space:normal}
}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar-m1-max .badge-value-container{color:#9d44fd}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar-m1-max .bar{background:linear-gradient(45deg,#ff9fe1,#8727ff)}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar-m1-pro .badge-value-container{color:#4698ff}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar-m1-pro .bar{background:linear-gradient(45deg,#25a5e6,#0d3ecc)}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar-legacy .bar{background:#a1a1a6}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar-legacy .bar-caption{color:#a1a1a6}
@media only screen and (max-width:734px){
  .section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar-legacy .bar-caption{white-space:normal}
}
html.text-zoom .section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar-caption{white-space:normal}
html.text-zoom .section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar-content-container{flex-direction:column}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .bar-content-container:not(:first-child){margin-top:16px}
@media only screen and (max-width:734px){
  .section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge{min-width:unset}
}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge.bar-m1-pro{margin-top:16px}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-content{padding-left:0;padding-bottom:0}
html.text-zoom .section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-content{margin-left:0}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-value{font-size:32px;line-height:1.125;font-weight:600;letter-spacing:.004em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-value:lang(ja){line-height:1.21875;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-value:lang(ko){line-height:1.21875;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-value:lang(th){line-height:1.375;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-value:lang(ar){font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-value:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-value:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-value:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-value:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-unit{font-size:32px;line-height:1.125;font-weight:600;letter-spacing:.004em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-unit:lang(ja){line-height:1.21875;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-unit:lang(ko){line-height:1.21875;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-unit:lang(th){line-height:1.375;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-unit:lang(ar){font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-unit:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-unit:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-unit:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-gallery .item-container .gallery-item .bars-container .badge-unit:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .gpu-gallery-gallery .item-container .gallery-item .group{padding-top:0}
.section-performance .gpu-gallery-gallery .item-container .gallery-item .group .disclaimer{padding-bottom:39px;white-space:nowrap}
@media only screen and (max-width:1068px){
  .section-performance .gpu-gallery-gallery .item-container .gallery-item .group .disclaimer{white-space:normal}
}
@media only screen and (max-width:734px){
  .section-performance .gpu-gallery-gallery .item-container .gallery-item .group .disclaimer{padding-bottom:29px}
}
.section-performance .subsection-even-more{overflow:hidden;padding-top:140px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-even-more{padding-top:93px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-even-more{padding-top:72px}
}
.section-performance .subsection-even-more-headline{color:#f5f5f7}
.section-performance .subsection-even-more .subsection-performance-hardware{margin-top:108px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-even-more .subsection-performance-hardware{margin-top:70px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-even-more .subsection-performance-hardware{margin-top:47px}
}
.section-performance .subsection-even-more .performance-section-copy{padding-top:43px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-even-more .performance-section-copy{padding-top:30px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-even-more .performance-section-copy{padding-top:33px}
}
.section-performance .subsection-even-more .even-more-badges{padding-top:80px}
@media only screen and (max-width:734px){
  .section-performance .subsection-even-more .even-more-badges{padding-top:54px}
}
.section-performance .subsection-even-more .even-more-badges .badge-headline{color:#f5f5f7;border-bottom:1px solid #86868b;padding-bottom:16px;margin-bottom:24px;max-width:470px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-even-more .even-more-badges .column-16in-model{padding-top:68px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-even-more .even-more-badges .column-16in-model{padding-top:74px}
}
.section-performance .subsection-even-more .even-more-badges .badge{padding-bottom:25px}
html.text-zoom .section-performance .subsection-even-more .even-more-badges .badges .badge1,html.text-zoom .section-performance .subsection-even-more .even-more-badges .badges .badge2{flex-basis:100%;max-width:100%}
@media only screen and (min-width:1069px){
  .section-performance .subsection-even-more .even-more-badges .badges .column:nth-child(2){padding-left:40px}
  html.text-zoom .section-performance .subsection-even-more .even-more-badges .badges .column:nth-child(2){padding-left:0}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-even-more .even-more-badges .badges .column:nth-child(2){padding-top:34px}
}
.section-performance .subsection-even-more .even-more-badges .badge-caption{font-size:17px;line-height:1.2353641176;font-weight:400;letter-spacing:-0.022em;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;color:#a1a1a6}
.section-performance .subsection-even-more .even-more-badges .badge-caption:lang(ar){letter-spacing:0em;font-family:SF Pro AR,SF Pro Gulf,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-even-more .even-more-badges .badge-caption:lang(ja){letter-spacing:0em;font-family:SF Pro JP,SF Pro Text,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-even-more .even-more-badges .badge-caption:lang(ko){line-height:1.3529611765;letter-spacing:0em;font-family:SF Pro KR,SF Pro Text,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-even-more .even-more-badges .badge-caption:lang(zh){letter-spacing:0em}
.section-performance .subsection-even-more .even-more-badges .badge-caption:lang(th){line-height:1.3529611765;letter-spacing:0em;font-family:SF Pro TH,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-even-more .even-more-badges .badge-caption:lang(zh-CN){font-family:SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-even-more .even-more-badges .badge-caption:lang(zh-HK){font-family:SF Pro HK,SF Pro Text,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-even-more .even-more-badges .badge-caption:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Text,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-even-more .even-more-badges .badge-caption:lang(zh-TW){font-family:SF Pro TC,SF Pro Text,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-even-more .even-more-badges .badge-value{font-size:80px;line-height:1.05;font-weight:600;letter-spacing:-0.015em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-even-more .even-more-badges .badge-value:lang(ar){letter-spacing:0em;font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-even-more .even-more-badges .badge-value:lang(ja){line-height:1.0875;letter-spacing:0em;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-even-more .even-more-badges .badge-value:lang(ko){line-height:1.15;letter-spacing:0em;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-even-more .even-more-badges .badge-value:lang(zh){letter-spacing:0em}
.section-performance .subsection-even-more .even-more-badges .badge-value:lang(th){line-height:1.35;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-even-more .even-more-badges .badge-value:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-even-more .even-more-badges .badge-value:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-even-more .even-more-badges .badge-value:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-even-more .even-more-badges .badge-value:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-performance .subsection-even-more .even-more-badges .badge-unit{padding-left:11px}
.section-performance .subsection-even-more .column-14in-model .badge1 .badge-value{color:#f2a624;-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:5px;margin-bottom:-5px;background-image:linear-gradient(45deg,#f2a624 -5%,#f39d25 105%)}
.section-performance .subsection-even-more .column-14in-model .badge2 .badge-value{color:#f39625;-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:5px;margin-bottom:-5px;background-image:linear-gradient(45deg,#f39625 -5%,#f39430 105%)}
.section-performance .subsection-even-more .column-16in-model .badge1 .badge-value{color:#f38026;-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:5px;margin-bottom:-5px;background-image:linear-gradient(45deg,#f38026 -5%,#f47726 105%)}
.section-performance .subsection-even-more .column-16in-model .badge2 .badge-value{color:#f57027;-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:5px;margin-bottom:-5px;background-image:linear-gradient(45deg,#f57027 -5%,#e76026 105%)}
@media only screen and (max-width:1068px){
  .section-performance .subsection-even-more .column-14in-model .badge1 .badge-value,.section-performance .subsection-even-more .column-16in-model .badge1 .badge-value{color:#f2a624;-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:5px;margin-bottom:-5px;background-image:linear-gradient(45deg,#f2a624 -5%,#f38e25 105%)}
}
@media only screen and (max-width:1068px){
  .section-performance .subsection-even-more .column-14in-model .badge2 .badge-value,.section-performance .subsection-even-more .column-16in-model .badge2 .badge-value{color:#f37f26;-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:5px;margin-bottom:-5px;background-image:linear-gradient(45deg,#f37f26 -5%,#f46727 105%)}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-even-more .column-14in-model .badge1 .badge-value,.section-performance .subsection-even-more .column-14in-model .badge2 .badge-value,.section-performance .subsection-even-more .column-16in-model .badge1 .badge-value,.section-performance .subsection-even-more .column-16in-model .badge2 .badge-value{color:#f2a624;-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:5px;margin-bottom:-5px;background-image:linear-gradient(45deg,#f2a624 -5%,#f47027 105%)}
}
.section-performance .subsection-even-more-tiles .even-more-tiles .tile{background-color:#151516;max-height:770px}
html.text-zoom .section-performance .subsection-even-more-tiles .even-more-tiles .tile{max-height:100%}
.section-performance .subsection-even-more-tiles .even-more-tiles .tile-headline span{color:#f5f5f7}
.section-performance .subsection-even-more-tiles .even-more-tiles .tile-coolest .tile-image{display:block;width:var(--p-width);height:var(--p-height);--p-width:560px;--p-height:542px;display:flex;align-self:flex-end;margin-top:9px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-performance .subsection-even-more-tiles .even-more-tiles .tile-coolest .tile-image{--p-width:344px;--p-height:314px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-performance .subsection-even-more-tiles .even-more-tiles .tile-coolest .tile-image{--p-width:346px;--p-height:316px}
}
@media only screen and (max-width:1068px){
  .section-performance .subsection-even-more-tiles .even-more-tiles .tile-coolest .tile-image{margin-top:46px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-even-more-tiles .even-more-tiles .tile-coolest .tile-image{margin-top:36px}
}
.section-performance .subsection-even-more-tiles .even-more-tiles .tile-fast .tile-content{justify-content:center;margin-bottom:auto}
.section-performance .subsection-even-more-tiles .even-more-tiles .tile-fast .tile-headline{margin-bottom:auto}
.section-performance .subsection-even-more-tiles .even-more-tiles .tile-fast .tile-image{display:block;width:var(--p-width);height:var(--p-height);--p-width:426px;--p-height:172px;display:flex;align-self:center;align-items:flex-start;margin-bottom:auto}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-performance .subsection-even-more-tiles .even-more-tiles .tile-fast .tile-image{--p-width:264px;--p-height:106px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-performance .subsection-even-more-tiles .even-more-tiles .tile-fast .tile-image{--p-width:244px;--p-height:98px}
}
.section-performance .subsection-even-more-tiles .even-more-tiles .tile-fast .tile-image--up-to{display:block;width:var(--p-width);height:var(--p-height);--p-width:426px;--p-height:240px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-performance .subsection-even-more-tiles .even-more-tiles .tile-fast .tile-image--up-to{--p-width:264px;--p-height:150px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-performance .subsection-even-more-tiles .even-more-tiles .tile-fast .tile-image--up-to{--p-width:244px;--p-height:140px}
}
@media only screen and (max-width:1068px){
  .section-performance .subsection-even-more-tiles .even-more-tiles .tile-fast .tile-image--up-to{margin-top:17px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-even-more-tiles .even-more-tiles .tile-fast .tile-image--up-to{margin-top:63px;margin-bottom:50px}
}
.section-performance .subsection-even-more-tiles .even-more-tiles .tile-fast .tile-image--up-to __FORCE_IMAGE_INTO_OUTPUT__{background-repeat:no-repeat;background-image:url(/v/macbook-pro-14-and-16/b/images/overview/performance/fast_vast__h1c1ptfqi0uq_large.jpg)}
@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
  .section-performance .subsection-even-more-tiles .even-more-tiles .tile-fast .tile-image--up-to __FORCE_IMAGE_INTO_OUTPUT__{background-image:url(/v/macbook-pro-14-and-16/b/images/overview/performance/fast_vast__h1c1ptfqi0uq_large_2x.jpg)}
}
@media only screen and (max-width:1068px){
  .section-performance .subsection-even-more-tiles .even-more-tiles .tile-fast .tile-image--up-to __FORCE_IMAGE_INTO_OUTPUT__{background-repeat:no-repeat;background-image:url(/v/macbook-pro-14-and-16/b/images/overview/performance/fast_vast__h1c1ptfqi0uq_medium.jpg)}
}
@media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi){
  .section-performance .subsection-even-more-tiles .even-more-tiles .tile-fast .tile-image--up-to __FORCE_IMAGE_INTO_OUTPUT__{background-image:url(/v/macbook-pro-14-and-16/b/images/overview/performance/fast_vast__h1c1ptfqi0uq_medium_2x.jpg)}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-even-more-tiles .even-more-tiles .tile-fast .tile-image--up-to __FORCE_IMAGE_INTO_OUTPUT__{background-repeat:no-repeat;background-image:url(/v/macbook-pro-14-and-16/b/images/overview/performance/fast_vast__h1c1ptfqi0uq_small.jpg)}
}
@media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi){
  .section-performance .subsection-even-more-tiles .even-more-tiles .tile-fast .tile-image--up-to __FORCE_IMAGE_INTO_OUTPUT__{background-image:url(/v/macbook-pro-14-and-16/b/images/overview/performance/fast_vast__h1c1ptfqi0uq_small_2x.jpg)}
}
.section-performance .subsection-performance-headline{margin-top:4px}
.section-performance .subsection-performance-stats{margin-left:auto;margin-right:auto;width:calc(100vw - 40px);position:relative;margin-top:85px}
@media only screen and (max-width:1068px){
  .section-performance .subsection-performance-stats{margin-top:67px}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-performance-stats{margin-top:50px}
}
@media only screen and (max-width:320px){
  .section-performance .subsection-performance-stats{width:100vw}
}
.section-performance .subsection-performance-stats:before{content:"";position:absolute;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);z-index:2}
.section-performance .subsection-performance-stats p:first-child{top:10.2%;left:55.8%}
@media only screen and (max-width:1068px){
  .section-performance .subsection-performance-stats p:first-child{top:14.3%;left:58%}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-performance-stats p:first-child{top:7.6%;left:58%}
}
.section-performance .subsection-performance-stats p:nth-child(2){top:23.6%;left:13.8%}
@media only screen and (max-width:1068px){
  .section-performance .subsection-performance-stats p:nth-child(2){top:19.5%;left:12.6%}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-performance-stats p:nth-child(2){top:22.2%;left:5%}
}
.section-performance .subsection-performance-stats p:nth-child(3){top:36.3%;left:67%}
@media only screen and (max-width:1068px){
  .section-performance .subsection-performance-stats p:nth-child(3){top:39%;left:64%}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-performance-stats p:nth-child(3){top:36%;left:58%}
}
.section-performance .subsection-performance-stats p:nth-child(4){top:56.7%;left:7.4%}
@media only screen and (max-width:1068px){
  .section-performance .subsection-performance-stats p:nth-child(4){top:55.7%;left:5.8%}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-performance-stats p:nth-child(4){top:51.3%;left:5%}
}
.section-performance .subsection-performance-stats p:nth-child(5){top:72.4%;left:46.6%}
@media only screen and (max-width:1068px){
  .section-performance .subsection-performance-stats p:nth-child(5){top:65%;left:47%}
}
@media only screen and (max-width:734px){
  .section-performance .subsection-performance-stats p:nth-child(5){top:69.7%;left:58%}
}
.section-performance .subsection-performance-stats .inline-media video{object-fit:cover}
@media only screen and (max-width:734px){
  .section-performance .subsection-performance-stats .inline-media-ui{right:unset;left:22px}
}
.section-performance .subsection-performance-stats .start-frame,.section-performance .subsection-performance-stats .static-frame{width:100%;height:100%}
.section-performance .subsection-performance-stats .start-frame img,.section-performance .subsection-performance-stats .static-frame img{object-fit:cover;width:100%;height:100%}
.section-performance .subsection-performance-stats-copy{position:absolute;top:0;width:100%;height:100%;color:#f5f5f7;margin-top:0;z-index:2}
.section-performance .subsection-performance-stats-copy p{position:absolute}
.section-performance .subsection-performance-stats-copy .stat-border{width:40px;height:4px;background-color:#f5f5f7;margin-bottom:15px}
.section-performance .subsection-m1-max .subsection-performance-stats:after,.section-performance .subsection-m1-pro .subsection-performance-stats:after{padding-bottom:0}
.section-performance .subsection-m1-max .subsection-performance-stats .start-frame,.section-performance .subsection-m1-max .subsection-performance-stats .static-frame,.section-performance .subsection-m1-pro .subsection-performance-stats .start-frame,.section-performance .subsection-m1-pro .subsection-performance-stats .static-frame{position:absolute}
.section-performance .subsection-m1-max .subsection-performance-stat,.section-performance .subsection-m1-pro .subsection-performance-stat{margin-right:20px;padding-bottom:10px}
html.text-zoom .section-performance .subsection-m1-max .subsection-performance-stat,html.text-zoom .section-performance .subsection-m1-pro .subsection-performance-stat{position:relative;top:unset;left:unset;flex-basis:100%;max-width:100%}
.has-modal-full-viewport.ac-modal-full-bleed{position:static;height:100vh}
.modal.scroll-modal{overflow:scroll}
.modal.theme-dark .modal-close{position:fixed;top:20px;left:13px;font-size:26px;width:36px;height:36px;padding-right:5px;color:#fff;overflow:visible;z-index:100}
.modal.theme-dark .modal-close:after,.modal.theme-dark .modal-close:before{content:""}
.modal.theme-dark .modal-close:hover{-webkit-text-fill-color:#6e6e73}
.modal.theme-dark .modal-close:after{padding:5px 0}
@media only screen and (max-width:734px){
  .modal.theme-dark .modal-close{font-size:32px}
}
@media only screen and (orientation:landscape){
  @supports(left:calc(max(0px))){
    .modal.theme-dark .modal-close{left:calc(max(24px,env(safe-area-inset-left)))}
  }
}
.modal.theme-dark .badge-caption{color:#a1a1a6}
.modal-trigger-container{margin-top:45px;text-align:center;position:relative}
@media only screen and (max-width:734px){
  .modal-trigger-container{margin-top:40px}
}
.modal-trigger-container .button{font-size:21px;line-height:1.1904761905;font-weight:600;letter-spacing:.011em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;transition:all .4s ease-in-out;border:2px solid #f5f5f7}
.modal-trigger-container .button:lang(ja){line-height:1.2380952381;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-trigger-container .button:lang(ko){line-height:1.2858042857;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-trigger-container .button:lang(th){line-height:1.381002381;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-trigger-container .button:lang(ar){font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-trigger-container .button:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-trigger-container .button:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-trigger-container .button:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-trigger-container .button:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
@media only screen and (max-width:734px){
  .modal-trigger-container .button{font-size:17px;line-height:1.2353641176;font-weight:600;letter-spacing:-0.022em;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-trigger-container .button:lang(ar){letter-spacing:0em;font-family:SF Pro AR,SF Pro Gulf,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-trigger-container .button:lang(ja){letter-spacing:0em;font-family:SF Pro JP,SF Pro Text,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-trigger-container .button:lang(ko){line-height:1.3529611765;letter-spacing:0em;font-family:SF Pro KR,SF Pro Text,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-trigger-container .button:lang(zh){letter-spacing:0em}
  .modal-trigger-container .button:lang(th){line-height:1.3529611765;letter-spacing:0em;font-family:SF Pro TH,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-trigger-container .button:lang(zh-CN){font-family:SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-trigger-container .button:lang(zh-HK){font-family:SF Pro HK,SF Pro Text,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-trigger-container .button:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Text,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-trigger-container .button:lang(zh-TW){font-family:SF Pro TC,SF Pro Text,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
}
.modal-trigger-container .button:hover{color:#f5f5f7;background-color:initial;border:2px solid #f5f5f7}
.modal-trigger-container .button:hover:after{transition:all .4s ease-in-out;color:#f5f5f7;background-color:initial}
@media only screen and (min-width:735px){
  .modal-trigger-container .button:after,.modal-trigger-container .button:before{font-family:SF Pro Icons;color:inherit;display:inline-block;font-style:normal;font-weight:inherit;font-size:inherit;line-height:1;text-decoration:underline;position:relative;z-index:1;alt:"";text-decoration:none}
  .modal-trigger-container .button:before{display:none}
  .modal-trigger-container .button:after,.modal-trigger-container .button:before{content:""}
  .modal-trigger-container .button:after{padding-left:0.3em;top:0;position:static}
}
html.text-zoom .modal-trigger-container .button{white-space:normal}
.modal-contents .modal-section{display:flex;flex-direction:column;padding-bottom:180px}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section.modal-section-system-chip{padding-bottom:119px}
  .modal-contents .modal-section.modal-section-cpu-gpu{padding-bottom:154px}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section{padding-left:30px;padding-right:30px;padding-bottom:90px}
  .modal-contents .modal-section.modal-section-system-chip{padding-bottom:80px}
  .modal-contents .modal-section.modal-section-cpu-gpu{padding-bottom:62px}
}
@media only screen and (max-width:320px){
  .modal-contents .modal-section{padding-left:0;padding-right:0}
}
.modal-contents .modal-copy{margin-bottom:0}
.modal-contents .flex{margin-top:0}
.modal-contents .features-container{margin-top:0;padding-top:80px}
.modal-contents .features-container .badge-content{padding-top:0;padding-bottom:0}
.modal-contents .features-container .secondary-badge{padding-top:29px}
.modal-contents .features-container .badge-value{font-size:64px;line-height:1.0625;font-weight:600;letter-spacing:-0.009em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .features-container .badge-value:lang(ar){letter-spacing:0em;font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .features-container .badge-value:lang(ja){line-height:1.109375;letter-spacing:0em;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .features-container .badge-value:lang(ko){line-height:1.171875;letter-spacing:0em;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .features-container .badge-value:lang(zh){letter-spacing:0em}
.modal-contents .features-container .badge-value:lang(th){line-height:1.34375;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .features-container .badge-value:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .features-container .badge-value:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .features-container .badge-value:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .features-container .badge-value:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
@media only screen and (max-width:1068px){
  .modal-contents .features-container .badge-value{font-size:48px;line-height:1.0834933333;font-weight:600;letter-spacing:-0.003em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-value:lang(ar){letter-spacing:0em;font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-value:lang(ja){line-height:1.1459933333;letter-spacing:0em;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-value:lang(ko){line-height:1.1875;letter-spacing:0em;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-value:lang(zh){letter-spacing:0em}
  .modal-contents .features-container .badge-value:lang(th){line-height:1.3334933333;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-value:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-value:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-value:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-value:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
}
@media only screen and (max-width:734px){
  .modal-contents .features-container .badge-value{font-size:40px;line-height:1.1;font-weight:600;letter-spacing:0em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-value:lang(ja){line-height:1.175;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-value:lang(ko){line-height:1.2;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-value:lang(th){line-height:1.35;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-value:lang(ar){font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-value:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-value:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-value:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-value:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
}
.modal-contents .features-container:first-of-type .badge-value{color:#4698ff}
.modal-contents .features-container:nth-of-type(2) .badge-value{color:#9d44fd}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .modal-contents .features-container .badge-unit,.modal-contents .features-container .badge-unit-percent{font-size:32px;line-height:1.125;font-weight:600;letter-spacing:.004em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-unit-percent:lang(ja),.modal-contents .features-container .badge-unit:lang(ja){line-height:1.21875;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-unit-percent:lang(ko),.modal-contents .features-container .badge-unit:lang(ko){line-height:1.21875;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-unit-percent:lang(th),.modal-contents .features-container .badge-unit:lang(th){line-height:1.375;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-unit-percent:lang(ar),.modal-contents .features-container .badge-unit:lang(ar){font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-unit-percent:lang(zh-CN),.modal-contents .features-container .badge-unit:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-unit-percent:lang(zh-HK),.modal-contents .features-container .badge-unit:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-unit-percent:lang(zh-MO),.modal-contents .features-container .badge-unit:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .features-container .badge-unit-percent:lang(zh-TW),.modal-contents .features-container .badge-unit:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
}
.modal-contents .features-container .badge-caption{font-size:14px;line-height:1.2857742857;font-weight:400;letter-spacing:-0.016em;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500}
.modal-contents .features-container .badge-caption:lang(ar){letter-spacing:0em;font-family:SF Pro AR,SF Pro Gulf,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .features-container .badge-caption:lang(ja){line-height:1.3571828571;letter-spacing:0em;font-family:SF Pro JP,SF Pro Text,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .features-container .badge-caption:lang(ko){line-height:1.4285914286;letter-spacing:0em;font-family:SF Pro KR,SF Pro Text,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .features-container .badge-caption:lang(zh){letter-spacing:0em}
.modal-contents .features-container .badge-caption:lang(th){line-height:1.3571828571;letter-spacing:0em;font-family:SF Pro TH,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .features-container .badge-caption:lang(zh-CN){font-family:SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .features-container .badge-caption:lang(zh-HK){font-family:SF Pro HK,SF Pro Text,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .features-container .badge-caption:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Text,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .features-container .badge-caption:lang(zh-TW){font-family:SF Pro TC,SF Pro Text,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .picture-badge-content{display:flex}
@media only screen and (max-width:734px){
  .modal-contents .picture-badge-content{flex-direction:column}
}
@media only screen and (max-width:734px){
  .modal-contents .badge-container{display:flex;flex-direction:column}
}
.modal-contents .badge-caption{color:#a1a1a6;font-weight:500;white-space:nowrap}
.modal-contents .modal-section-system-chip .overview-modal-m1-pro-power{display:block;width:var(--p-width);height:var(--p-height);--p-width:542px;--p-height:240px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .modal-contents .modal-section-system-chip .overview-modal-m1-pro-power{--p-width:350px;--p-height:156px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .modal-contents .modal-section-system-chip .overview-modal-m1-pro-power{--p-width:278px;--p-height:124px}
}
.modal-contents .modal-section-system-chip .overview-modal-m1-max-power{display:block;width:var(--p-width);height:var(--p-height);--p-width:542px;--p-height:342px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .modal-contents .modal-section-system-chip .overview-modal-m1-max-power{--p-width:350px;--p-height:222px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .modal-contents .modal-section-system-chip .overview-modal-m1-max-power{--p-width:278px;--p-height:176px}
}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-system-chip .features-container-m1-pro{padding-top:70px}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-system-chip .features-container-m1-pro{padding-top:52px}
}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-system-chip .features-container-m1-max{padding-top:90px}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-system-chip .features-container-m1-max{padding-top:50px}
}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-system-chip .picture-badge-content{flex-direction:column}
}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-system-chip .picture-container{margin-bottom:32px}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-system-chip .picture-container{margin-bottom:28px}
}
.modal-contents .modal-section-system-chip .badge-container{padding-left:78px}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-system-chip .badge-container{padding-left:0px}
}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-system-chip .badge-container .badge{margin-right:0}
}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-system-chip .badge-container .badge.secondary-badge{padding-top:0;margin-left:68px;margin-right:0}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-system-chip .badge-container .badge.secondary-badge{margin-left:0;padding-top:23px}
}
.modal-contents .modal-section-system-chip .section-copy{margin-top:41px}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-system-chip .section-copy{margin-top:15px}
}
.modal-contents .modal-section-cpu-gpu .overview-modal-m1-pro-memory{display:block;width:var(--p-width);height:var(--p-height);--p-width:544px;--p-height:384px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .modal-contents .modal-section-cpu-gpu .overview-modal-m1-pro-memory{--p-width:350px;--p-height:248px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .modal-contents .modal-section-cpu-gpu .overview-modal-m1-pro-memory{--p-width:278px;--p-height:196px}
}
.modal-contents .modal-section-cpu-gpu .overview-modal-m1-max-memory{display:block;width:var(--p-width);height:var(--p-height);--p-width:544px;--p-height:590px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .modal-contents .modal-section-cpu-gpu .overview-modal-m1-max-memory{--p-width:350px;--p-height:380px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .modal-contents .modal-section-cpu-gpu .overview-modal-m1-max-memory{--p-width:278px;--p-height:300px}
}
.modal-contents .modal-section-cpu-gpu .features-container-m1-pro{padding-top:83px}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-cpu-gpu .features-container-m1-pro{padding-top:73px}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-cpu-gpu .features-container-m1-pro{padding-top:54px}
}
.modal-contents .modal-section-cpu-gpu .features-container-m1-pro .badge-caption{color:#4698ff}
.modal-contents .modal-section-cpu-gpu .features-container-m1-max{padding-top:86px}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-cpu-gpu .features-container-m1-max{padding-top:78px}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-cpu-gpu .features-container-m1-max{padding-top:38px}
}
.modal-contents .modal-section-cpu-gpu .features-container-m1-max .badge-caption{color:#9d44fd}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-cpu-gpu .picture-container{margin-bottom:0}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-cpu-gpu .picture-container{margin-bottom:29px}
}
.modal-contents .modal-section-cpu-gpu .badge-container{padding-left:78px}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-cpu-gpu .badge-container{padding-left:44px}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-cpu-gpu .badge-container{padding-left:0px}
}
.modal-contents .modal-section-cpu-gpu .badge{padding-bottom:36px}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-cpu-gpu .badge{padding-bottom:22px}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-cpu-gpu .badge{padding-bottom:17px}
}
.modal-contents .modal-section-cpu-gpu .badge .badge-content{margin:0;padding:0}
.modal-contents .modal-section-cpu-gpu .badge.secondary-badge,.modal-contents .modal-section-cpu-gpu .badge.tertiary-badge{padding-top:0}
.modal-contents .modal-section-cpu-gpu .badge .badge-caption,.modal-contents .modal-section-cpu-gpu .badge .badge-value{font-size:40px;line-height:1.1;font-weight:600;letter-spacing:0em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(ja),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(ja){line-height:1.175;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(ko),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(ko){line-height:1.2;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(th),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(th){line-height:1.35;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(ar),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(ar){font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(zh-CN),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(zh-HK),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(zh-MO),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(zh-TW),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-cpu-gpu .badge .badge-caption,.modal-contents .modal-section-cpu-gpu .badge .badge-value{font-size:24px;line-height:1.1666666667;font-weight:600;letter-spacing:.009em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(ja),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(ja){line-height:1.25;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(ko),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(ko){line-height:1.2916666667;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(th),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(th){line-height:1.375;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(ar),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(ar){font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(zh-CN),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(zh-HK),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(zh-MO),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(zh-TW),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-cpu-gpu .badge .badge-caption,.modal-contents .modal-section-cpu-gpu .badge .badge-value{font-size:21px;line-height:1.1904761905;font-weight:600;letter-spacing:.011em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(ja),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(ja){line-height:1.2380952381;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(ko),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(ko){line-height:1.2858042857;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(th),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(th){line-height:1.381002381;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(ar),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(ar){font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(zh-CN),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(zh-HK),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(zh-MO),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .modal-contents .modal-section-cpu-gpu .badge .badge-caption:lang(zh-TW),.modal-contents .modal-section-cpu-gpu .badge .badge-value:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
}
.modal-contents .modal-section-cpu-gpu .badge .badge-caption{position:static;white-space:nowrap}
.modal-contents .modal-section-graphs{flex-direction:column}
.modal-contents .modal-section-graphs .flex{display:flex;flex-direction:column}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-graphs .features-container-m1-graph-cpu{padding-top:69px}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-graphs .features-container-m1-graph-cpu{padding-top:50px}
}
.modal-contents .modal-section-graphs .features-container-m1-graph-cpu .modal-copy{padding-bottom:99px}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-graphs .features-container-m1-graph-cpu .modal-copy{padding-bottom:53px}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-graphs .features-container-m1-graph-cpu .modal-copy{padding-bottom:40px}
}
.modal-contents .modal-section-graphs .features-container-m1-graph-cpu .overview-modal-m1-graph-cpu{display:block;width:var(--p-width);height:var(--p-height);--p-width:920px;--p-height:472px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .modal-contents .modal-section-graphs .features-container-m1-graph-cpu .overview-modal-m1-graph-cpu{--p-width:584px;--p-height:322px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .modal-contents .modal-section-graphs .features-container-m1-graph-cpu .overview-modal-m1-graph-cpu{--p-width:290px;--p-height:208px}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-graphs .features-container-m1-graph-cpu .badge-container{margin-top:-4px}
}
.modal-contents .modal-section-graphs .features-container-m1-graph-cpu .badge{margin-right:0}
.modal-contents .modal-section-graphs .features-container-m1-graph-cpu .secondary-badge{margin-top:0;padding-top:0;margin-right:0px;margin-left:136px}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-graphs .features-container-m1-graph-cpu .secondary-badge{margin-left:75px}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-graphs .features-container-m1-graph-cpu .secondary-badge{margin-left:36px}
}
.modal-contents .modal-section-graphs .features-container-m1-graph-cpu .badge-value{padding-bottom:0}
.modal-contents .modal-section-graphs .features-container-m1-graph-cpu .badge-unit-percent,.modal-contents .modal-section-graphs .features-container-m1-graph-cpu .badge-value{color:#1db3ff;-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:-5px;background-image:linear-gradient(180deg,#1DB3FF,#7000F0)}
.modal-contents .modal-section-graphs .features-container-m1-graph-cpu .badge-unit-percent{padding-bottom:5px}
.modal-contents .modal-section-graphs .features-container-m1-graph-cpu .badge-caption{white-space:nowrap}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-graphs .features-container-m1-graph-cpu .badge-caption{white-space:normal}
}
.modal-contents .modal-section-graphs .features-container-m1-pro-graph-gpu{padding-top:121px}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-graphs .features-container-m1-pro-graph-gpu{padding-top:94px}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-graphs .features-container-m1-pro-graph-gpu{padding-top:84px}
}
.modal-contents .modal-section-graphs .features-container-m1-pro-graph-gpu .overview-modal-m1-pro-graph-gpu{display:block;width:var(--p-width);height:var(--p-height);--p-width:918px;--p-height:472px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .modal-contents .modal-section-graphs .features-container-m1-pro-graph-gpu .overview-modal-m1-pro-graph-gpu{--p-width:606px;--p-height:332px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .modal-contents .modal-section-graphs .features-container-m1-pro-graph-gpu .overview-modal-m1-pro-graph-gpu{--p-width:288px;--p-height:210px}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-graphs .features-container-m1-pro-graph-gpu .badge-container{margin-top:-4px}
}
.modal-contents .modal-section-graphs .features-container-m1-pro-graph-gpu .badge-value{color:#4698ff}
.modal-contents .modal-section-graphs .features-container-m1-max-graph-gpu{padding-top:121px}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-graphs .features-container-m1-max-graph-gpu{padding-top:90px}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-graphs .features-container-m1-max-graph-gpu{padding-top:80px}
}
.modal-contents .modal-section-graphs .features-container-m1-max-graph-gpu .badge-container{margin-top:27px}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-graphs .features-container-m1-max-graph-gpu .badge-container{margin-top:48px}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-graphs .features-container-m1-max-graph-gpu .badge-container{margin-top:-4px}
}
.modal-contents .modal-section-graphs .features-container-m1-max-graph-gpu .badge-value{color:#9d44fd}
.modal-contents .modal-section-graphs .modal-copy{padding-bottom:71px}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-graphs .modal-copy{padding-bottom:54px}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-graphs .modal-copy{padding-bottom:38px}
}
.modal-contents .modal-section-graphs .picture-badge-content{margin-top:0;flex-direction:column}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-graphs .picture-container{margin-bottom:0}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-graphs .picture-container{margin-bottom:30px}
}
.modal-contents .modal-section-graphs .overview-modal-m1-max-graph-gpu{display:block;width:var(--p-width);height:var(--p-height);--p-width:920px;--p-height:472px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .modal-contents .modal-section-graphs .overview-modal-m1-max-graph-gpu{--p-width:608px;--p-height:342px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .modal-contents .modal-section-graphs .overview-modal-m1-max-graph-gpu{--p-width:294px;--p-height:222px}
}
.modal-contents .modal-section-graphs .badge-container{display:flex;align-items:center;position:relative;margin-top:32px;padding-left:57px}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-graphs .badge-container{position:static;margin-top:45px;padding-left:53px}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-graphs .badge-container{flex-direction:row;padding-left:59px}
}
.modal-contents .modal-section-graphs .badge-container .badge-content{margin-top:0;padding-top:0}
@media only screen and (max-width:1068px){
  .modal-contents .modal-section-graphs .badge-container .badge{margin-right:0}
}
@media only screen and (max-width:734px){
  .modal-contents .modal-section-graphs .badge-container .badge-unit-percent{top:-0.21em}
}
.section-display{overflow:hidden}
.section-display .hardware-lockup-caption{color:#86868b}
.section-display .display-description{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:76px;column-gap:76px;margin-top:62px}
@media only screen and (max-width:1068px){
  .section-display .display-description{margin-top:42px}
}
@media only screen and (max-width:734px){
  .section-display .display-description{display:block;margin-top:32px}
}
.section-display .display-description p:last-child{margin-top:0}
@media only screen and (max-width:734px){
  .section-display .display-description p:last-child{margin-top:30px}
}
.section-display .display-gallery{display:flex;justify-content:center;position:relative;width:1140px;max-width:calc(100vw - 40px);margin:154px auto 40px;padding-top:190px;background-size:4px 4px;background-repeat:no-repeat;background-image:url(/v/macbook-pro-14-and-16/b/images/overview/display/explode_bg__eugoadu89uwm_large.jpg);background-color:#f5f5f7;background-repeat:repeat}
@media only screen and (max-width:1068px){
  .section-display .display-gallery{width:728px;padding-top:216px}
}
@media only screen and (max-width:734px){
  .section-display .display-gallery{width:100%;padding-top:218px;flex-wrap:wrap}
}
@media only screen and (max-width:320px){
  .section-display .display-gallery{max-width:none}
}
@media only screen and (max-width:734px){
  .section-display .display-gallery .dotnav{display:none}
}
@media only screen and (max-width:734px){
  .section-display .display-gallery .paddlenav{position:absolute;bottom:-61px;width:100%}
}
@media only screen and (max-width:734px){
  .section-display .display-gallery .paddlenav ul{display:flex;justify-content:center}
}
@media only screen and (max-width:734px){
  .section-display .display-gallery .paddlenav ul li:last-child{margin-left:18px}
}
.section-display .display-gallery .paddlenav .paddlenav-arrow{transition:border-color 250ms linear,color 250ms linear,opacity 250ms linear;color:#ccc;border:3px solid #ccc;width:37px;height:37px;border-radius:37px;line-height:37px;margin-top:-19px}
@media only screen and (max-width:734px){
  .section-display .display-gallery .paddlenav .paddlenav-arrow{position:static;margin-top:0;width:31px;height:31px;border-radius:31px;line-height:31px;font-size:42px;font-weight:400}
}
.section-display .display-gallery .paddlenav .paddlenav-arrow,.section-display .display-gallery .paddlenav .paddlenav-arrow:after{line-height:37px}
@media only screen and (max-width:734px){
  .section-display .display-gallery .paddlenav .paddlenav-arrow,.section-display .display-gallery .paddlenav .paddlenav-arrow:after{line-height:31px}
}
.section-display .display-gallery .paddlenav .paddlenav-arrow:focus,.section-display .display-gallery .paddlenav .paddlenav-arrow:hover{color:#86868b;border-color:#86868b}
.section-display .display-gallery .paddlenav .paddlenav-arrow.disabled,.section-display .display-gallery .paddlenav .paddlenav-arrow:disabled{opacity:.25;pointer-events:none}
.section-display .display-gallery .paddlenav .paddlenav-arrow.disabled:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),.section-display .display-gallery .paddlenav .paddlenav-arrow.disabled:focus[data-focus-method=touch]:not(input):not(textarea):not(select),.section-display .display-gallery .paddlenav .paddlenav-arrow:disabled:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),.section-display .display-gallery .paddlenav .paddlenav-arrow:disabled:focus[data-focus-method=touch]:not(input):not(textarea):not(select){opacity:.25;color:#ccc;border-color:#ccc}
html.touch .section-display .display-gallery .paddlenav .paddlenav-arrow.disabled,html.touch .section-display .display-gallery .paddlenav .paddlenav-arrow:disabled{opacity:.25}
.section-display .display-gallery .paddlenav .paddlenav-arrow-previous{left:40px}
@media only screen and (max-width:1068px){
  .section-display .display-gallery .paddlenav .paddlenav-arrow-previous{left:18px}
}
.section-display .display-gallery .paddlenav .paddlenav-arrow-next{right:40px}
@media only screen and (max-width:1068px){
  .section-display .display-gallery .paddlenav .paddlenav-arrow-next{right:18px}
}
.section-display .display-gallery .explode-video{z-index:0;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}
@media not screen and (-webkit-min-device-pixel-ratio:2){
  @media only screen and (max-width:1068px){
    .section-display .display-gallery .explode-video picture,.section-display .display-gallery .explode-video video{top:2px}
  }
}
html.text-zoom .section-display .display-gallery .explode-video{opacity:.2}
.section-display .display-gallery .explode-video,.section-display .display-gallery .explode-video picture{display:block;width:var(--p-width);height:var(--p-height);--p-width:920px;--p-height:532px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-display .display-gallery .explode-video,.section-display .display-gallery .explode-video picture{--p-width:590px;--p-height:342px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-display .display-gallery .explode-video,.section-display .display-gallery .explode-video picture{--p-width:282px;--p-height:178px}
}
.section-display .display-gallery .item-container{z-index:1}
.section-display .display-gallery .gallery-item{margin-left:auto;margin-right:auto;width:980px;position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%}
@media only screen and (min-width:1441px){
  .section-display .display-gallery .gallery-item{margin-left:auto;margin-right:auto;width:980px}
}
@media only screen and (max-width:1068px){
  .section-display .display-gallery .gallery-item{margin-left:auto;margin-right:auto;width:692px}
}
@media only screen and (max-width:734px){
  .section-display .display-gallery .gallery-item{margin-left:auto;margin-right:auto;width:87.5%;width:320px}
}
.section-display .display-gallery .gallery-item p{position:absolute;top:48px;left:112px;width:280px;text-align:center}
@media only screen and (max-width:1068px){
  .section-display .display-gallery .gallery-item p{top:54px;width:235px}
}
@media only screen and (max-width:734px){
  .section-display .display-gallery .gallery-item p{top:50px;width:280px;text-align:left}
}
.section-display .display-gallery .gallery-item p:after{content:"";display:block;position:absolute;top:94px;left:calc(50% - 1px);width:1px;height:130px;background-color:#ccc}
@media only screen and (max-width:1068px){
  .section-display .display-gallery .gallery-item p:after{top:114px}
}
@media only screen and (max-width:734px){
  .section-display .display-gallery .gallery-item p:after{position:relative;top:10px;height:150px}
}
.section-display .display-gallery .gallery-item.display-gallery-item-housing p{left:20px;width:260px}
@media only screen and (max-width:1068px){
  .section-display .display-gallery .gallery-item.display-gallery-item-housing p{left:18px;width:225px}
}
@media only screen and (max-width:734px){
  .section-display .display-gallery .gallery-item.display-gallery-item-housing p{width:280px}
}
@media only screen and (min-width:735px)and (max-width:1068px){
  .section-display .display-gallery .gallery-item.display-gallery-item-housing p:after{top:93px;height:135px}
}
@media only screen and (max-width:734px){
  .section-display .display-gallery .gallery-item.display-gallery-item-housing p:after{left:35px;height:155px}
}
.section-display .display-gallery .gallery-item.display-gallery-item-backlight p{left:116px}
@media only screen and (max-width:1068px){
  .section-display .display-gallery .gallery-item.display-gallery-item-backlight p{left:72px}
}
.section-display .display-gallery .gallery-item.display-gallery-item-backlight p:after{height:166px}
@media only screen and (max-width:1068px){
  .section-display .display-gallery .gallery-item.display-gallery-item-backlight p:after{height:126px}
}
@media only screen and (max-width:734px){
  .section-display .display-gallery .gallery-item.display-gallery-item-backlight p:after{height:138px;left:68px}
}
.section-display .display-gallery .gallery-item.display-gallery-item-diffusers p{left:352px}
@media only screen and (max-width:1068px){
  .section-display .display-gallery .gallery-item.display-gallery-item-diffusers p{left:230px}
}
.section-display .display-gallery .gallery-item.display-gallery-item-diffusers p:after{height:54px}
@media only screen and (max-width:1068px){
  .section-display .display-gallery .gallery-item.display-gallery-item-diffusers p:after{height:34px}
}
@media only screen and (max-width:734px){
  .section-display .display-gallery .gallery-item.display-gallery-item-diffusers p:after{height:72px;left:143px}
}
.section-display .display-gallery .gallery-item.display-gallery-item-diffusers p:before{content:"";display:block;position:absolute;left:50%;transform:translateX(-50%);top:148px;width:234px;height:18px;border:1px solid #ccc;border-bottom:0}
@media only screen and (max-width:1068px){
  .section-display .display-gallery .gallery-item.display-gallery-item-diffusers p:before{width:156px}
}
@media only screen and (max-width:734px){
  .section-display .display-gallery .gallery-item.display-gallery-item-diffusers p:before{transform:none;top:166px;left:102px;width:82px}
}
.section-display .display-gallery .gallery-item.display-gallery-item-lcd p{left:670px}
@media only screen and (max-width:1068px){
  .section-display .display-gallery .gallery-item.display-gallery-item-lcd p{left:385px;width:258px}
}
.section-display .display-gallery .gallery-item.display-gallery-item-lcd p:after{top:115px;height:138px}
@media only screen and (max-width:1068px){
  .section-display .display-gallery .gallery-item.display-gallery-item-lcd p:after{top:114px;height:125px}
}
@media only screen and (max-width:734px){
  .section-display .display-gallery .gallery-item.display-gallery-item-lcd p:after{left:208px;top:10px;height:120px}
}
@media only screen and (max-width:734px){
  .section-display .display-gallery .gallery-item p{left:50%!important;transform:translateX(-50%)}
}
.section-display .display-gallery .tablist-wrapper{position:absolute;bottom:-40px}
.section-display .display-stats{margin-top:224px;text-align:center}
@media only screen and (max-width:1068px){
  .section-display .display-stats{margin-top:164px}
}
@media only screen and (max-width:734px){
  .section-display .display-stats{margin-top:114px}
}
.section-display .display-stats p+p{margin-top:25px}
@media only screen and (max-width:1068px){
  .section-display .display-stats p+p{margin-top:22px}
}
@media only screen and (max-width:734px){
  .section-display .display-stats p+p{margin-top:8px}
}
.section-display .display-stats span{display:block}
html.text-zoom .section-display .display-stats span{word-break:break-word}
.section-display .display-stats .display-stat-copy{color:#86868b}
.section-display .display-screen{display:flex;align-items:center;align-content:center;justify-content:center;width:100%;overflow:hidden;margin-top:126px}
@media only screen and (max-width:1068px){
  .section-display .display-screen{margin-top:112px}
}
@media only screen and (max-width:734px){
  .section-display .display-screen{margin-top:48px}
}
.section-display .display-screen .figure-display-screen{padding-right:51px}
@media only screen and (max-width:1068px){
  .section-display .display-screen .figure-display-screen{padding-right:1px}
}
@media only screen and (max-width:734px){
  .section-display .display-screen .figure-display-screen{padding-right:26px}
}
.section-display .display-screen .figure-display-screen .image-xdr-pixels{display:block;width:var(--p-width);height:var(--p-height);--p-width:1238px;--p-height:640px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-display .display-screen .figure-display-screen .image-xdr-pixels{--p-width:1104px;--p-height:548px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-display .display-screen .figure-display-screen .image-xdr-pixels{--p-width:634px;--p-height:328px}
}
.section-display .display-screen .display-screen-stats{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:274px;column-gap:274px;position:absolute}
@media only screen and (max-width:1068px){
  .section-display .display-screen .display-screen-stats{grid-column-gap:168px;column-gap:168px}
}
@media only screen and (max-width:734px){
  .section-display .display-screen .display-screen-stats{grid-column-gap:46px;column-gap:46px}
}
.section-display .display-screen .display-screen-stats>div:first-child{text-align:right}
.section-display .display-screen .display-screen-stats>div:last-child{text-align:left}
.section-display .display-screen .display-screen-stats>div p+p{margin-top:4px}
@media only screen and (max-width:1068px){
  .section-display .display-screen .display-screen-stats>div p+p{margin-top:0}
}
@media only screen and (max-width:734px){
  .section-display .display-screen .display-screen-stats>div p+p{margin-top:6px}
}
.section-camera{overflow:hidden}
.section-camera .tile-mics .tile-image{display:block;width:var(--p-width);height:var(--p-height);--p-width:516px;--p-height:374px;padding-right:43px;align-self:flex-end}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-camera .tile-mics .tile-image{--p-width:324px;--p-height:252px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-camera .tile-mics .tile-image{--p-width:366px;--p-height:274px}
}
@media only screen and (max-width:1068px){
  .section-camera .tile-mics .tile-image{padding-right:29px}
}
@media only screen and (max-width:734px){
  .section-camera .tile-mics .tile-image{padding-right:43px;margin-top:43px}
}
.section-camera .tile-speakers .tile-image{display:block;width:var(--p-width);height:var(--p-height);--p-width:564px;--p-height:342px;align-self:center;margin-bottom:56px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-camera .tile-speakers .tile-image{--p-width:356px;--p-height:214px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-camera .tile-speakers .tile-image{--p-width:400px;--p-height:214px}
}
@media only screen and (max-width:1068px){
  .section-camera .tile-speakers .tile-image{margin-bottom:50px}
}
@media only screen and (max-width:734px){
  .section-camera .tile-speakers .tile-image{margin-bottom:35px}
}
.section-camera .tile-spatial-audio{position:static;min-height:700px}
@media only screen and (max-width:1068px){
  .section-camera .tile-spatial-audio{min-height:500px}
}
@media only screen and (max-width:734px){
  .section-camera .tile-spatial-audio{min-height:675px}
}
.section-camera .tile-spatial-audio .tile-content{position:static;justify-content:center}
@media only screen and (max-width:1068px){
  .section-camera .tile-spatial-audio .tile-content{padding-top:45px}
}
.section-camera .tile-spatial-audio .tile-image{display:block;width:var(--p-width);height:var(--p-height);--p-width:880px;--p-height:906px;padding-bottom:50px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-camera .tile-spatial-audio .tile-image{--p-width:524px;--p-height:540px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-camera .tile-spatial-audio .tile-image{--p-width:400px;--p-height:434px}
}
@media only screen and (max-width:1068px){
  .section-camera .tile-spatial-audio .tile-image{padding-bottom:45px}
}
.section-camera .section-copy{margin-top:78px}
@media only screen and (max-width:1068px){
  .section-camera .section-copy{margin-top:46px}
}
.section-ports{overflow:hidden}
@media only screen and (max-width:734px){
  .section-ports .section-content{display:flex;flex-direction:column}
}
.section-ports .ports-section-copy{color:#86868b;margin-top:41px;margin-bottom:145px}
@media only screen and (max-width:1068px){
  .section-ports .ports-section-copy{margin-top:37px;margin-bottom:83px}
}
.section-ports .ports-figures{margin-left:auto;margin-right:auto;width:calc(100vw - 40px)}
@media only screen and (max-width:734px){
  .section-ports .ports-figures{display:flex;flex-wrap:wrap;justify-content:center}
}
@media only screen and (max-width:320px){
  .section-ports .ports-figures{width:100%}
}
.section-ports .figure{margin-left:auto;margin-right:auto;background-color:#f5f5f7;max-width:980px}
@media only screen and (max-width:1068px){
  .section-ports .figure{max-width:728px}
}
@media only screen and (max-width:734px){
  .section-ports .figure{max-width:400px}
}
@media only screen and (max-width:734px){
  .section-ports .figure .figcaption{max-width:87.5vw}
}
.section-ports .figure .figcaption ul{margin:0}
.section-ports .figure .figcaption li{list-style-type:none}
.section-ports .figure-magsafe,.section-ports .figure-ports{overflow:hidden}
.section-ports .figure-devices,.section-ports .figure-magsafe,.section-ports .figure-ports{display:flex!important;position:relative;margin-bottom:20px}
@media only screen and (max-width:734px){
  .section-ports .figure-devices,.section-ports .figure-magsafe,.section-ports .figure-ports{align-self:center}
}
.section-ports .figure-ports{min-height:585px;align-items:center}
@media only screen and (max-width:1068px){
  .section-ports .figure-ports{min-height:470px}
}
@media only screen and (max-width:734px){
  .section-ports .figure-ports{display:block;width:var(--p-width);height:var(--p-height);--p-width:980px;--p-height:392px;min-height:603px}
}
@media only screen and (max-width:734px)and (max-width:1068px)and (max-width:1068px){
  .section-ports .figure-ports{--p-width:728px;--p-height:286px}
}
@media only screen and (max-width:734px)and (max-width:734px)and (max-width:734px){
  .section-ports .figure-ports{--p-width:400px;--p-height:424px}
}
.section-ports .figure-ports .ports-image{display:block;width:var(--p-width);height:var(--p-height);--p-width:980px;--p-height:392px;position:relative;left:50%;margin-left:-490px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-ports .figure-ports .ports-image{--p-width:728px;--p-height:286px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-ports .figure-ports .ports-image{--p-width:400px;--p-height:424px}
}
@media only screen and (max-width:1068px){
  .section-ports .figure-ports .ports-image{left:50%;margin-left:-364px}
}
@media only screen and (max-width:734px){
  .section-ports .figure-ports .ports-image{left:50%;margin-left:-200px}
}
.section-ports .figure-ports .figcaption-list{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:980px;height:100%;margin:0}
@media only screen and (max-width:1068px){
  .section-ports .figure-ports .figcaption-list{width:728px}
}
@media only screen and (max-width:734px){
  .section-ports .figure-ports .figcaption-list{width:400px}
}
.section-ports .figure-ports .figcaption-list li{position:absolute;margin-top:0}
.section-ports .figure-ports .figcaption-list li.figcaption-headphone,.section-ports .figure-ports .figcaption-list li.figcaption-magsafe,.section-ports .figure-ports .figcaption-list li.figcaption-thunderbolt1{top:64px}
@media only screen and (max-width:1068px){
  .section-ports .figure-ports .figcaption-list li.figcaption-headphone,.section-ports .figure-ports .figcaption-list li.figcaption-magsafe,.section-ports .figure-ports .figcaption-list li.figcaption-thunderbolt1{top:61px}
}
.section-ports .figure-ports .figcaption-list li.figcaption-magsafe{left:408px}
@media only screen and (max-width:1068px){
  .section-ports .figure-ports .figcaption-list li.figcaption-magsafe{left:253px}
}
@media only screen and (max-width:734px){
  .section-ports .figure-ports .figcaption-list li.figcaption-magsafe{top:151px;left:81px}
}
.section-ports .figure-ports .figcaption-list li.figcaption-thunderbolt1{left:550px}
@media only screen and (max-width:1068px){
  .section-ports .figure-ports .figcaption-list li.figcaption-thunderbolt1{left:400px}
}
@media only screen and (min-width:735px){
  html.text-zoom .section-ports .figure-ports .figcaption-list li.figcaption-thunderbolt1{top:5%;left:37%}
}
@media only screen and (max-width:734px){
  .section-ports .figure-ports .figcaption-list li.figcaption-thunderbolt1{top:117px;left:123px}
}
.section-ports .figure-ports .figcaption-list li.figcaption-headphone{left:715px}
@media only screen and (max-width:1068px){
  .section-ports .figure-ports .figcaption-list li.figcaption-headphone{left:538px}
}
@media only screen and (max-width:734px){
  .section-ports .figure-ports .figcaption-list li.figcaption-headphone{top:57px;left:unset;right:107px}
}
.section-ports .figure-ports .figcaption-list li.figcaption-hdmi,.section-ports .figure-ports .figcaption-list li.figcaption-sdxc,.section-ports .figure-ports .figcaption-list li.figcaption-thunderbolt2{bottom:68px}
@media only screen and (max-width:1068px){
  .section-ports .figure-ports .figcaption-list li.figcaption-hdmi,.section-ports .figure-ports .figcaption-list li.figcaption-sdxc,.section-ports .figure-ports .figcaption-list li.figcaption-thunderbolt2{bottom:63px}
}
.section-ports .figure-ports .figcaption-list li.figcaption-sdxc{left:254px}
@media only screen and (max-width:1068px){
  .section-ports .figure-ports .figcaption-list li.figcaption-sdxc{left:181px}
}
@media only screen and (min-width:735px){
  html.text-zoom .section-ports .figure-ports .figcaption-list li.figcaption-sdxc{bottom:5%;left:20%}
}
@media only screen and (max-width:734px){
  .section-ports .figure-ports .figcaption-list li.figcaption-sdxc{bottom:119px;left:95px}
}
.section-ports .figure-ports .figcaption-list li.figcaption-thunderbolt2{left:370px}
@media only screen and (max-width:1068px){
  .section-ports .figure-ports .figcaption-list li.figcaption-thunderbolt2{left:259px}
}
@media only screen and (max-width:734px){
  .section-ports .figure-ports .figcaption-list li.figcaption-thunderbolt2{bottom:59px;left:130px}
}
.section-ports .figure-ports .figcaption-list li.figcaption-hdmi{left:520px}
@media only screen and (max-width:1068px){
  .section-ports .figure-ports .figcaption-list li.figcaption-hdmi{left:389px}
}
@media only screen and (min-width:735px){
  html.text-zoom .section-ports .figure-ports .figcaption-list li.figcaption-hdmi{bottom:5%;left:54%}
}
@media only screen and (max-width:734px){
  .section-ports .figure-ports .figcaption-list li.figcaption-hdmi{bottom:120px;left:215px}
}
.section-ports .figure-magsafe{min-height:550px;align-items:flex-end}
@media only screen and (max-width:1068px){
  .section-ports .figure-magsafe{min-height:420px}
}
@media only screen and (max-width:734px){
  .section-ports .figure-magsafe{display:block;width:var(--p-width);height:var(--p-height);--p-width:980px;--p-height:450px;min-height:363px}
}
@media only screen and (max-width:734px)and (max-width:1068px)and (max-width:1068px){
  .section-ports .figure-magsafe{--p-width:728px;--p-height:336px}
}
@media only screen and (max-width:734px)and (max-width:734px)and (max-width:734px){
  .section-ports .figure-magsafe{--p-width:400px;--p-height:306px}
}
.section-ports .figure-magsafe .magsafe-image{display:block;width:var(--p-width);height:var(--p-height);--p-width:980px;--p-height:450px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-ports .figure-magsafe .magsafe-image{--p-width:728px;--p-height:336px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-ports .figure-magsafe .magsafe-image{--p-width:400px;--p-height:306px}
}
.section-ports .figure-magsafe .figcaption-magsafe{position:absolute;bottom:60px;left:158px}
@media only screen and (max-width:1068px){
  .section-ports .figure-magsafe .figcaption-magsafe{bottom:42px;left:94px}
}
@media only screen and (max-width:734px){
  .section-ports .figure-magsafe .figcaption-magsafe{bottom:56px;left:67px}
}
.section-ports .figure-devices{flex-direction:row-reverse;align-items:center;justify-content:space-between;margin-top:133px;background-color:initial}
@media only screen and (max-width:1068px){
  .section-ports .figure-devices{flex-direction:column-reverse;margin-top:92px}
}
.section-ports .figure-devices .figcaption li{font-size:28px;line-height:1.1428571429;font-weight:600;letter-spacing:.007em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;max-width:415px}
.section-ports .figure-devices .figcaption li:lang(ko){line-height:1.25;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-ports .figure-devices .figcaption li:lang(th){line-height:1.3928571429;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-ports .figure-devices .figcaption li:lang(ar){font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-ports .figure-devices .figcaption li:lang(ja){font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-ports .figure-devices .figcaption li:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-ports .figure-devices .figcaption li:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-ports .figure-devices .figcaption li:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-ports .figure-devices .figcaption li:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
@media only screen and (max-width:1068px){
  .section-ports .figure-devices .figcaption li{font-size:21px;line-height:1.1904761905;font-weight:600;letter-spacing:.011em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-ports .figure-devices .figcaption li:lang(ja){line-height:1.2380952381;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-ports .figure-devices .figcaption li:lang(ko){line-height:1.2858042857;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-ports .figure-devices .figcaption li:lang(th){line-height:1.381002381;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-ports .figure-devices .figcaption li:lang(ar){font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-ports .figure-devices .figcaption li:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-ports .figure-devices .figcaption li:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-ports .figure-devices .figcaption li:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-ports .figure-devices .figcaption li:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
}
@media only screen and (max-width:734px){
  .section-ports .figure-devices .figcaption li{font-size:19px;line-height:1.2105263158;font-weight:600;letter-spacing:.012em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-ports .figure-devices .figcaption li:lang(ja){line-height:1.2631578947;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-ports .figure-devices .figcaption li:lang(ko){line-height:1.3157894737;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-ports .figure-devices .figcaption li:lang(th){line-height:1.3684410526;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-ports .figure-devices .figcaption li:lang(ar){font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-ports .figure-devices .figcaption li:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-ports .figure-devices .figcaption li:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-ports .figure-devices .figcaption li:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-ports .figure-devices .figcaption li:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
}
@media only screen and (max-width:1068px){
  .section-ports .figure-devices .figcaption li{max-width:490px}
}
.section-ports .figure-devices .devices-image{display:block;width:var(--p-width);height:var(--p-height);--p-width:494px;--p-height:288px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-ports .figure-devices .devices-image{--p-width:410px;--p-height:240px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-ports .figure-devices .devices-image{--p-width:347px;--p-height:204px}
}
@media only screen and (max-width:1068px){
  .section-ports .figure-devices .devices-image{margin-top:54px}
}
.section-keyboard .figure-keyboard{display:flex;justify-content:center;width:100%;overflow:hidden;margin-top:90px}
@media only screen and (max-width:1068px){
  .section-keyboard .figure-keyboard{margin-top:68px}
}
@media only screen and (max-width:734px){
  .section-keyboard .figure-keyboard{margin-top:50px}
}
.section-keyboard .figure-keyboard .image-keyboard{display:block;width:var(--p-width);height:var(--p-height);--p-width:1220px;--p-height:746px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-keyboard .figure-keyboard .image-keyboard{--p-width:694px;--p-height:426px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-keyboard .figure-keyboard .image-keyboard{--p-width:338px;--p-height:208px}
}
.section-keyboard .keyboard-copy{margin-top:60px}
@media only screen and (max-width:1068px){
  .section-keyboard .keyboard-copy{margin-top:40px}
}
@media only screen and (max-width:734px){
  .section-keyboard .keyboard-copy{margin-top:72px}
}
.section-macos{overflow:hidden}
@media only screen and (max-width:1068px){
  .section-macos .macos-headline{width:calc(100% + 30px);max-width:none}
}
@media only screen and (max-width:734px){
  .section-macos .macos-headline{width:100%;max-width:100%}
}
.section-macos .macos-copy{margin-top:78px}
@media only screen and (max-width:1068px){
  .section-macos .macos-copy{margin-top:46px}
}
.section-macos .macos-copy-link{font-size:21px;line-height:1.1904761905;font-weight:600;letter-spacing:.011em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;display:inline-block}
.section-macos .macos-copy-link:lang(ja){line-height:1.2380952381;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-macos .macos-copy-link:lang(ko){line-height:1.2858042857;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-macos .macos-copy-link:lang(th){line-height:1.381002381;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-macos .macos-copy-link:lang(ar){font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-macos .macos-copy-link:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-macos .macos-copy-link:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-macos .macos-copy-link:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.section-macos .macos-copy-link:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
@media only screen and (max-width:734px){
  .section-macos .macos-copy-link{font-size:19px;line-height:1.2105263158;font-weight:600;letter-spacing:.012em;font-family:SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-macos .macos-copy-link:lang(ja){line-height:1.2631578947;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-macos .macos-copy-link:lang(ko){line-height:1.3157894737;font-family:SF Pro KR,SF Pro Display,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-macos .macos-copy-link:lang(th){line-height:1.3684410526;font-family:SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-macos .macos-copy-link:lang(ar){font-family:SF Pro AR,SF Pro Gulf,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-macos .macos-copy-link:lang(zh-CN){font-family:SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-macos .macos-copy-link:lang(zh-HK){font-family:SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-macos .macos-copy-link:lang(zh-MO){font-family:SF Pro HK,SF Pro TC,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
  .section-macos .macos-copy-link:lang(zh-TW){font-family:SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
}
@media only screen and (max-width:734px){
  .section-macos .macos-copy-link{max-width:200px}
}
.section-macos .macos-pro-apps{margin-top:194px;text-align:center}
@media only screen and (max-width:1068px){
  .section-macos .macos-pro-apps{margin-top:146px}
}
@media only screen and (max-width:734px){
  .section-macos .macos-pro-apps{margin-top:90px;text-align:left}
}
@media only screen and (max-width:320px){
  .section-macos .macos-pro-apps .macos-pro-apps-copy .macos-pro-apps-headline{max-width:none}
}
.section-macos .macos-pro-apps .macos-pro-apps-copy .macos-pro-apps-headline,.section-macos .macos-pro-apps .macos-pro-apps-copy .section-copy{margin-left:auto;margin-right:auto}
@media only screen and (max-width:734px){
  .section-macos .macos-pro-apps .macos-pro-apps-copy .macos-pro-apps-headline,.section-macos .macos-pro-apps .macos-pro-apps-copy .section-copy{margin-left:unset;margin-right:unset}
}
.section-macos .macos-pro-apps .pro-apps-gallery-container{width:100%}
.section-macos .macos-pro-apps .pro-apps-gallery{margin-left:auto;margin-right:auto;display:flex;flex-wrap:wrap;justify-content:center;position:relative;margin-top:72px}
@media only screen and (max-width:1068px){
  .section-macos .macos-pro-apps .pro-apps-gallery{margin-top:58px}
}
@media only screen and (max-width:734px){
  .section-macos .macos-pro-apps .pro-apps-gallery{margin-top:44px}
}
.section-macos .macos-pro-apps .pro-apps-gallery,.section-macos .macos-pro-apps .pro-apps-gallery .gallery-item,.section-macos .macos-pro-apps .pro-apps-gallery .item-container{width:100%;max-width:1108px}
@media only screen and (max-width:1068px){
  .section-macos .macos-pro-apps .pro-apps-gallery,.section-macos .macos-pro-apps .pro-apps-gallery .gallery-item,.section-macos .macos-pro-apps .pro-apps-gallery .item-container{max-width:634px}
}
@media only screen and (max-width:734px){
  .section-macos .macos-pro-apps .pro-apps-gallery,.section-macos .macos-pro-apps .pro-apps-gallery .gallery-item,.section-macos .macos-pro-apps .pro-apps-gallery .item-container{max-width:344px}
}
@media only screen and (max-width:320px){
  .section-macos .macos-pro-apps .pro-apps-gallery,.section-macos .macos-pro-apps .pro-apps-gallery .gallery-item,.section-macos .macos-pro-apps .pro-apps-gallery .item-container{max-width:none}
}
.section-macos .macos-pro-apps .pro-apps-gallery .tablist-wrapper{order:2;width:100%;margin-top:44px;color:#86868b}
@media only screen and (max-width:1068px){
  .section-macos .macos-pro-apps .pro-apps-gallery .tablist-wrapper{margin-top:40px}
}
@media only screen and (max-width:734px){
  .section-macos .macos-pro-apps .pro-apps-gallery .tablist-wrapper{width:100vw}
}
.section-macos .macos-pro-apps .pro-apps-gallery .tablist-wrapper .tabnav{margin-left:auto;margin-right:auto}
@media only screen and (max-width:734px){
  .section-macos .macos-pro-apps .pro-apps-gallery .tablist-wrapper .tabnav{width:100%;position:relative;overflow:hidden;height:1.1666666667em}
}
.section-macos .macos-pro-apps .pro-apps-gallery .tablist-wrapper .tabnav-items{display:flex;flex-wrap:wrap;justify-content:center;list-style:none}
@media only screen and (max-width:734px){
  .section-macos .macos-pro-apps .pro-apps-gallery .tablist-wrapper .tabnav-items{margin:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:1.1666666667em;padding-left:max(6.25vw,calc(50vw - 200px))}
  @supports(margin:calc(max(0px))){
    .section-macos .macos-pro-apps .pro-apps-gallery .tablist-wrapper .tabnav-items{margin:0 calc(max(env(safe-area-inset-left) + -10px,0))}
  }
}
.section-macos .macos-pro-apps .pro-apps-gallery .tablist-wrapper .tabnav-items .separator{display:inline-block;margin:0 4px}
@media only screen and (max-width:734px){
  .section-macos .macos-pro-apps .pro-apps-gallery .tablist-wrapper .tabnav-item{display:inline-block}
  .section-macos .macos-pro-apps .pro-apps-gallery .tablist-wrapper .tabnav-item:last-of-type{padding-right:max(6.25vw,calc(50vw - 200px))}
}
.section-macos .macos-pro-apps .pro-apps-gallery .tablist-wrapper .tabnav-item .tabnav-link{transition:.1s ease-out;color:#86868b}
.section-macos .macos-pro-apps .pro-apps-gallery .tablist-wrapper .tabnav-item .tabnav-link.current{cursor:default;pointer-events:none;color:#1d1d1f}
.section-macos .macos-pro-apps .pro-apps-gallery .tablist-wrapper .tabnav-paddles{margin-top:0;height:0}
.section-macos .macos-pro-apps .pro-apps-gallery .captions-gallery{order:3;display:flex;flex-wrap:wrap;justify-content:center;position:relative;margin-top:26px}
@media only screen and (max-width:1068px){
  .section-macos .macos-pro-apps .pro-apps-gallery .captions-gallery{margin-top:22px}
}
@media only screen and (max-width:734px){
  .section-macos .macos-pro-apps .pro-apps-gallery .captions-gallery{margin-top:28px;min-width:100vw}
}
.section-macos .macos-pro-apps .pro-apps-gallery .captions-gallery .gallery-caption{opacity:0;visibility:hidden;transition:opacity .5s cubic-bezier(0.645,0.045,0.355,1),visibility .5s cubic-bezier(0.645,0.045,0.355,1);top:0;width:100%}
@media only screen and (max-width:734px){
  .section-macos .macos-pro-apps .pro-apps-gallery .captions-gallery .gallery-caption{width:87.5vw;max-width:400px}
}
.section-macos .macos-pro-apps .pro-apps-gallery .captions-gallery .gallery-caption:first-child{position:relative}
.section-macos .macos-pro-apps .pro-apps-gallery .captions-gallery .gallery-caption:not(:first-child){position:absolute}
.section-macos .macos-pro-apps .pro-apps-gallery .captions-gallery .gallery-caption.current{opacity:1;visibility:visible;z-index:2}
@media only screen and (max-width:734px){
  .section-macos .macos-pro-apps .pro-apps-gallery .paddlenav{display:none}
}
.section-macos .macos-pro-apps .pro-apps-gallery .paddlenav .paddlenav-arrow-next,.section-macos .macos-pro-apps .pro-apps-gallery .paddlenav .paddlenav-arrow-previous{background-color:rgba(0,0,0,.2);top:310px}
@media only screen and (max-width:1068px){
  .section-macos .macos-pro-apps .pro-apps-gallery .paddlenav .paddlenav-arrow-next,.section-macos .macos-pro-apps .pro-apps-gallery .paddlenav .paddlenav-arrow-previous{top:190px}
}
@media only screen and (max-width:734px){
  .section-macos .macos-pro-apps .pro-apps-gallery .paddlenav .paddlenav-arrow-next,.section-macos .macos-pro-apps .pro-apps-gallery .paddlenav .paddlenav-arrow-previous{top:115px}
}
.section-macos .macos-pro-apps .pro-apps-gallery .paddlenav .paddlenav-arrow-previous{left:46px}
@media only screen and (max-width:1068px){
  .section-macos .macos-pro-apps .pro-apps-gallery .paddlenav .paddlenav-arrow-previous{left:22px}
}
.section-macos .macos-pro-apps .pro-apps-gallery .paddlenav .paddlenav-arrow-next{right:46px}
@media only screen and (max-width:1068px){
  .section-macos .macos-pro-apps .pro-apps-gallery .paddlenav .paddlenav-arrow-next{right:22px}
}
.section-macos .macos-pro-apps .pro-apps-gallery .item-container{order:1}
.section-macos .macos-pro-apps .pro-apps-gallery .item-container,.section-macos .macos-pro-apps .pro-apps-gallery .item-container .gallery-item{height:620px}
@media only screen and (max-width:1068px){
  .section-macos .macos-pro-apps .pro-apps-gallery .item-container,.section-macos .macos-pro-apps .pro-apps-gallery .item-container .gallery-item{height:380px}
}
@media only screen and (max-width:734px){
  .section-macos .macos-pro-apps .pro-apps-gallery .item-container,.section-macos .macos-pro-apps .pro-apps-gallery .item-container .gallery-item{height:230px}
}
.section-macos .macos-pro-apps .pro-apps-gallery .item-container .gallery-item{position:absolute;top:0;left:0;box-sizing:border-box;padding:0 10px}
@media only screen and (max-width:320px){
  .section-macos .macos-pro-apps .pro-apps-gallery .item-container .gallery-item{padding:0}
}
.section-macos .macos-pro-apps .pro-apps-gallery .item-container .gallery-item .gallery-item-container{display:flex;flex-wrap:wrap;align-content:space-between;justify-content:center;width:100%;height:100%;background-color:#17171a;opacity:.28;transition:opacity .5s cubic-bezier(0.645,0.045,0.355,1)}
.section-macos .macos-pro-apps .pro-apps-gallery .item-container .gallery-item .gallery-item-container .gallery-item-label{width:100%;text-align:left;margin-left:24px;margin-top:30px}
@media only screen and (max-width:1068px){
  .section-macos .macos-pro-apps .pro-apps-gallery .item-container .gallery-item .gallery-item-container .gallery-item-label{margin-left:20px;margin-top:18px}
}
@media only screen and (max-width:734px){
  .section-macos .macos-pro-apps .pro-apps-gallery .item-container .gallery-item .gallery-item-container .gallery-item-label{margin-left:0;width:280px}
}
.section-macos .macos-pro-apps .pro-apps-gallery .item-container .gallery-item .gallery-item-container picture{display:flex;align-items:flex-end}
.section-macos .macos-pro-apps .pro-apps-gallery .item-container .gallery-item .gallery-item-container img{display:block}
.section-macos .macos-pro-apps .pro-apps-gallery .item-container .gallery-item.current .gallery-item-container{opacity:1}
.section-routers{margin-bottom:30px}
@media only screen and (max-width:1068px){
  .section-routers{margin-bottom:20px}
}
.section-routers .section-content-tiles{margin-left:auto;margin-right:auto;max-width:1380px}
.section-routers .grid-container{margin-top:0}
@media only screen and (max-width:1068px){
  .section-routers .grid-container.tiles{margin-left:0;margin-right:0;padding-left:20px;padding-right:20px}
}
.section-routers .grid-item{display:flex;flex-direction:column;z-index:0;background-color:#fafafa;margin-left:0;margin-right:0;min-height:600px}
html.text-zoom .section-routers .grid-item{grid-column:span 12}
@media only screen and (max-width:1068px){
  .section-routers .grid-item{min-height:auto}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item{min-height:auto;margin-left:auto;margin-right:auto}
}
.section-routers .grid-item-router{min-height:600px;align-items:center;text-align:center}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-router{min-height:489px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-router{min-height:500px}
}
.section-routers .grid-item-router.justify-content-center .grid-item-header{position:static;padding-top:0;justify-content:center}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-router.justify-content-center .grid-item-header{padding-bottom:0}
}
.section-routers .grid-item-router.theme-dark{color:#fff}
.section-routers .grid-item-router .text-content{margin-bottom:0}
.section-routers .grid-item-header{box-sizing:border-box;padding:51px 62px 0;width:100%}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-header{padding:40px 27px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-header{padding:50px 32px}
}
.section-routers .grid-item-augmented-reality{position:relative}
.section-routers .grid-item-augmented-reality.grid-item-router{min-height:668px}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-augmented-reality.grid-item-router{min-height:500px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-augmented-reality.grid-item-router{min-height:690px}
  html.ar-quicklook .section-routers .grid-item-augmented-reality.grid-item-router{min-height:740px}
}
.section-routers .grid-item-augmented-reality .grid-item-header{width:auto;display:flex;flex-direction:row}
html.ar-quicklook .section-routers .grid-item-augmented-reality .grid-item-header{padding-bottom:51px}
@media only screen and (max-width:1068px){
  html.ar-quicklook .section-routers .grid-item-augmented-reality .grid-item-header{padding-top:0;padding-bottom:75px}
}
@media only screen and (max-width:734px){
  html.ar-quicklook .section-routers .grid-item-augmented-reality .grid-item-header{padding-top:50px;padding-bottom:0}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-augmented-reality .grid-item-header{padding:50px 0 0;justify-content:flex-start}
}
@media only screen and (min-width:735px)and (max-width:1068px){
  .section-routers .grid-item-augmented-reality .grid-item-copy{max-width:230px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-augmented-reality .grid-item-copy{padding:0 5px}
}
.section-routers .grid-item-augmented-reality .text-content{width:50%;text-align:left}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-augmented-reality .text-content{padding-left:35px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-augmented-reality .text-content{padding-left:0;width:100%;text-align:center}
}
html.text-zoom .section-routers .grid-item-augmented-reality .text-content{word-break:break-word}
.section-routers .grid-item-augmented-reality .copy-cta-container{margin-top:0;padding-bottom:26px}
html.ar-quicklook .section-routers .grid-item-augmented-reality .copy-cta-container{display:none}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-augmented-reality .copy-cta-container{padding-bottom:0}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-augmented-reality .copy-cta-container{text-align:center;padding:0 32px}
}
.section-routers .grid-item-augmented-reality .grid-item-headline{padding-top:20px;padding-bottom:26px}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-augmented-reality .grid-item-headline{padding-top:11px;padding-bottom:30px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-augmented-reality .grid-item-headline{padding-top:20px}
}
.section-routers .grid-item-augmented-reality .overview-routers-icon-ar{display:block;width:var(--p-width);height:var(--p-height);--p-width:62px;--p-height:71px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-routers .grid-item-augmented-reality .overview-routers-icon-ar{--p-width:38px;--p-height:42px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-routers .grid-item-augmented-reality .overview-routers-icon-ar{--p-width:52px;--p-height:58px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-augmented-reality .overview-routers-icon-ar{position:relative;left:50%;margin-left:-31px}
}
@media only screen and (max-width:734px)and (max-width:1068px){
  .section-routers .grid-item-augmented-reality .overview-routers-icon-ar{left:50%;margin-left:-19px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-routers .grid-item-augmented-reality .overview-routers-icon-ar{left:50%;margin-left:-26px}
}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-augmented-reality .colornav-wrapper{padding-top:30px}
  html.ar-quicklook .section-routers .grid-item-augmented-reality .colornav-wrapper{padding-top:0}
}
.section-routers .grid-item-augmented-reality .colornav-items{margin-left:0;margin-right:0;padding-top:0}
.section-routers .grid-item-augmented-reality .colornav-item{margin-left:0;margin-right:8px}
@media only screen and (max-width:734px){
  .section-routers .grid-item-augmented-reality .colornav-link{margin-bottom:30px}
}
.section-routers .grid-item-augmented-reality .colornav-swatch-silver{background:#c7c8ca}
.section-routers .grid-item-augmented-reality .colornav-swatch-spacegray{background:#b1b2b7}
.section-routers .grid-item-augmented-reality .item-container{position:absolute;top:0;height:100%;width:100%;left:0;pointer-events:none}
@media only screen and (max-width:734px){
  .section-routers .grid-item-augmented-reality .item-container{position:static;top:unset;left:unset;width:auto;height:auto;pointer-events:all}
}
.section-routers .grid-item-augmented-reality .gallery-item{position:absolute;overflow:hidden;width:100%;height:100%}
.section-routers .grid-item-augmented-reality .gallery-item.current{opacity:1}
.section-routers .grid-item-augmented-reality .gallery-item:not(.current){pointer-events:none;opacity:0!important;position:absolute;visibility:hidden}
@media only screen and (max-width:734px){
  .section-routers .grid-item-augmented-reality .gallery-item{position:static;width:auto}
}
.section-routers .grid-item-augmented-reality .ar-link-container{font-weight:500}
html.ar-quicklook .section-routers .grid-item-augmented-reality .ar-link-container{position:absolute;left:58px;bottom:88px;pointer-events:all}
@media only screen and (max-width:1068px){
  html.ar-quicklook .section-routers .grid-item-augmented-reality .ar-link-container{bottom:25px;max-width:255px}
}
@media only screen and (max-width:734px){
  html.ar-quicklook .section-routers .grid-item-augmented-reality .ar-link-container{margin-left:auto;margin-right:auto;position:static;left:unset}
}
.section-routers .grid-item-augmented-reality .ar-link-container .ar-gallery-link{margin-bottom:12px}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-augmented-reality .ar-link-container .ar-gallery-link{margin-bottom:8px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-augmented-reality .ar-link-container .ar-gallery-link{margin-bottom:15px}
}
.section-routers .grid-item-augmented-reality .ar-screen{width:50%;position:absolute;bottom:0;left:56%}
@media only screen and (max-width:734px){
  .section-routers .grid-item-augmented-reality .ar-screen{position:relative;padding-top:6px;left:0;width:100%}
}
.section-routers .grid-item-augmented-reality .ar-screen .overview-routers-ar-silver{display:block;width:var(--p-width);height:var(--p-height);--p-width:438px;--p-height:590px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-routers .grid-item-augmented-reality .ar-screen .overview-routers-ar-silver{--p-width:264px;--p-height:420px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-routers .grid-item-augmented-reality .ar-screen .overview-routers-ar-silver{--p-width:206px;--p-height:248px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-augmented-reality .ar-screen .overview-routers-ar-silver{position:relative;left:50%;margin-left:-219px}
}
@media only screen and (max-width:734px)and (max-width:1068px){
  .section-routers .grid-item-augmented-reality .ar-screen .overview-routers-ar-silver{left:50%;margin-left:-132px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-routers .grid-item-augmented-reality .ar-screen .overview-routers-ar-silver{left:50%;margin-left:-103px}
}
.section-routers .grid-item-augmented-reality .ar-screen .overview-routers-ar-spacegray{display:block;width:var(--p-width);height:var(--p-height);--p-width:438px;--p-height:590px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-routers .grid-item-augmented-reality .ar-screen .overview-routers-ar-spacegray{--p-width:264px;--p-height:420px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-routers .grid-item-augmented-reality .ar-screen .overview-routers-ar-spacegray{--p-width:206px;--p-height:248px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-augmented-reality .ar-screen .overview-routers-ar-spacegray{position:relative;left:50%;margin-left:-219px}
}
@media only screen and (max-width:734px)and (max-width:1068px){
  .section-routers .grid-item-augmented-reality .ar-screen .overview-routers-ar-spacegray{left:50%;margin-left:-132px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-routers .grid-item-augmented-reality .ar-screen .overview-routers-ar-spacegray{left:50%;margin-left:-103px}
}
@media only screen and (min-width:735px)and (max-width:1068px){
  .section-routers .grid-item-environment.grid-item-router{padding:0 24px}
}
.section-routers .grid-item-environment .grid-item-header{padding:21px 62px}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-environment .grid-item-header{padding:21px 0}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-environment .grid-item-header{padding:50px 32px 35px}
}
.section-routers .grid-item-environment .copy-cta-container,.section-routers .grid-item-environment .grid-item-headline{position:absolute}
@media only screen and (max-width:734px){
  .section-routers .grid-item-environment .copy-cta-container,.section-routers .grid-item-environment .grid-item-headline{position:static}
}
html.text-zoom .section-routers .grid-item-environment .copy-cta-container,html.text-zoom .section-routers .grid-item-environment .grid-item-headline{position:relative}
.section-routers .grid-item-environment .grid-item-headline{max-width:368px;z-index:2;text-align:right;top:50%;left:29%;transform:translate(-50%,-50%);color:#03a10e}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-environment .grid-item-headline{margin-left:auto;margin-right:auto;max-width:244px;left:25%}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-environment .grid-item-headline{padding:0 10px;max-width:unset;left:unset;text-align:center;transform:none}
}
html.text-zoom .section-routers .grid-item-environment .grid-item-headline{margin-left:auto;margin-right:auto;top:unset;left:unset;text-align:center;transform:none}
.section-routers .grid-item-environment .copy-cta-container{max-width:398px;top:50%;left:71%;transform:translate(-50%,-50%);z-index:2;text-align:left}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-environment .copy-cta-container{max-width:292px;width:50%;left:78%}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-environment .copy-cta-container{margin-left:auto;margin-right:auto;left:unset;width:100%;transform:none;text-align:center}
}
html.text-zoom .section-routers .grid-item-environment .copy-cta-container{top:unset;left:unset;width:100%;transform:none;text-align:center}
@media only screen and (max-width:734px){
  .section-routers .grid-item-environment .grid-item-picture{margin-top:30px;margin-bottom:30px}
}
.section-routers .grid-item-environment .overview-routers-earth-mind{display:block;width:var(--p-width);height:var(--p-height);--p-width:988px;--p-height:518px;position:relative;left:50%;margin-left:-521px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-routers .grid-item-environment .overview-routers-earth-mind{--p-width:1104px;--p-height:548px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-routers .grid-item-environment .overview-routers-earth-mind{--p-width:400px;--p-height:326px}
}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-environment .overview-routers-earth-mind{left:50%;margin-left:-552px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-environment .overview-routers-earth-mind{left:50%;margin-left:-200px}
}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-environment .overview-routers-earth-mind{margin-left:-574px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-environment .overview-routers-earth-mind{margin-left:-200px}
}
@media only screen and (min-width:735px)and (max-width:1068px){
  .section-routers .grid-item-tradein.grid-item-router{padding:0 12px}
}
.section-routers .grid-item-tradein .text-content{margin-bottom:0}
.section-routers .grid-item-tradein .text-content .grid-item-copy,.section-routers .grid-item-tradein .text-content .grid-item-headline{margin-left:auto;margin-right:auto}
.section-routers .grid-item-tradein .text-content .grid-item-headline{margin-top:10px}
.section-routers .grid-item-tradein .text-content .grid-item-copy{margin-left:auto;margin-right:auto;max-width:550px}
.section-routers .grid-item-tradein .overview-routers-trade-in{display:block;width:var(--p-width);height:var(--p-height);--p-width:376px;--p-height:230px;position:relative;left:50%;margin-left:-188px;padding-top:50px;padding-bottom:31px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-routers .grid-item-tradein .overview-routers-trade-in{--p-width:298px;--p-height:184px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-routers .grid-item-tradein .overview-routers-trade-in{--p-width:304px;--p-height:186px}
}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-tradein .overview-routers-trade-in{left:50%;margin-left:-149px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-tradein .overview-routers-trade-in{left:50%;margin-left:-152px}
}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-tradein .overview-routers-trade-in{padding-top:78px;padding-bottom:0}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-tradein .overview-routers-trade-in{padding-top:35px}
}
.section-routers .grid-item-apple-card{position:relative}
@media only screen and (max-width:734px){
  .section-routers .grid-item-apple-card{min-height:550px}
}
.section-routers .grid-item-apple-card .overview-routers-apple-card{display:block;width:var(--p-width);height:var(--p-height);--p-width:675px;--p-height:282px;position:relative;left:50%;margin-left:-326px;padding-top:27px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-routers .grid-item-apple-card .overview-routers-apple-card{--p-width:504px;--p-height:224px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-routers .grid-item-apple-card .overview-routers-apple-card{--p-width:400px;--p-height:208px}
}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-apple-card .overview-routers-apple-card{left:50%;margin-left:-252px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-apple-card .overview-routers-apple-card{left:50%;margin-left:-200px}
}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-apple-card .overview-routers-apple-card{padding-top:0;margin-left:-263px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-apple-card .overview-routers-apple-card{margin-left:-184px}
}
.section-routers .grid-item-apple-card .grid-item-header{justify-content:space-between;padding-bottom:0}
.section-routers .grid-item-apple-card .text-content{margin-bottom:0}
.section-routers .grid-item-apple-card .text-content .grid-item-headline{margin-top:10px}
.section-routers .grid-item-apple-card .text-content .grid-item-copy{margin-left:auto;margin-right:auto;max-width:520px}
@media only screen and (max-width:734px){
  .section-routers .grid-item-accessories{min-height:413px}
}
.section-routers .grid-item-accessories .grid-item-header{padding-bottom:0}
.section-routers .grid-item-accessories .text-content .grid-item-headline{margin-left:auto;margin-right:auto}
.section-routers .grid-item-accessories .grid-item-picture{padding-top:62px}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-accessories .grid-item-picture{padding-top:81px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-accessories .grid-item-picture{padding-top:30px}
}
.section-routers .grid-item-accessories .overview-routers-accessories{display:block;width:var(--p-width);height:var(--p-height);--p-width:675px;--p-height:262px;position:relative;left:50%;margin-left:-337.5px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-routers .grid-item-accessories .overview-routers-accessories{--p-width:504px;--p-height:198px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-routers .grid-item-accessories .overview-routers-accessories{--p-width:400px;--p-height:158px}
}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-accessories .overview-routers-accessories{left:50%;margin-left:-252px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-accessories .overview-routers-accessories{left:50%;margin-left:-200px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-compare{min-height:405px}
}
.section-routers .grid-item-compare .grid-item-picture{padding-top:72px}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-compare .grid-item-picture{padding-top:106px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-compare .grid-item-picture{padding-top:50px}
}
.section-routers .grid-item-compare .overview-routers-mac-compare{display:block;width:var(--p-width);height:var(--p-height);--p-width:572px;--p-height:266px;position:relative;left:50%;margin-left:-286px}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-routers .grid-item-compare .overview-routers-mac-compare{--p-width:316px;--p-height:148px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-routers .grid-item-compare .overview-routers-mac-compare{--p-width:306px;--p-height:144px}
}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-compare .overview-routers-mac-compare{left:50%;margin-left:-158px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-compare .overview-routers-mac-compare{left:50%;margin-left:-153px}
}
html.text-zoom .section-routers .grid-item-education{background-color:#d2d2d7}
.section-routers .grid-item-education .overview-routers-education{display:block;width:var(--p-width);height:var(--p-height);--p-width:675px;--p-height:600px;position:relative;left:50%;margin-left:-337.5px;top:0;position:absolute;z-index:0}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-routers .grid-item-education .overview-routers-education{--p-width:504px;--p-height:550px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-routers .grid-item-education .overview-routers-education{--p-width:400px;--p-height:500px}
}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-education .overview-routers-education{left:50%;margin-left:-252px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-education .overview-routers-education{left:50%;margin-left:-200px}
}
.section-routers .grid-item-education .text-content{position:relative;z-index:1}
.section-routers .grid-item-education .grid-item-copy{font-weight:400}
.section-routers .grid-item-education .icon-wrapper{color:#fff}
html.text-zoom .section-routers .grid-item-business{background-color:#d2d2d7}
.section-routers .grid-item-business .overview-routers-business{display:block;width:var(--p-width);height:var(--p-height);--p-width:675px;--p-height:600px;position:relative;left:50%;margin-left:-337.5px;top:0;position:absolute;z-index:0}
@media only screen and (max-width:1068px)and (max-width:1068px){
  .section-routers .grid-item-business .overview-routers-business{--p-width:504px;--p-height:550px}
}
@media only screen and (max-width:734px)and (max-width:734px){
  .section-routers .grid-item-business .overview-routers-business{--p-width:400px;--p-height:500px}
}
@media only screen and (max-width:1068px){
  .section-routers .grid-item-business .overview-routers-business{left:50%;margin-left:-252px}
}
@media only screen and (max-width:734px){
  .section-routers .grid-item-business .overview-routers-business{left:50%;margin-left:-200px}
}
.section-routers .grid-item-business .text-content{position:relative;z-index:1}
.section-routers .grid-item-business .icon-wrapper{color:#fff}
.section-routers .grid-item-business .grid-item-copy{font-weight:400}
.section-routers .grid-item-business .grid-item-cta{margin-top:.8em}
.section-routers .grid-item-business .grid-item-cta.cta-2{margin-top:.4em}
html.aow .ac-nav-overlap #ac-localnav{margin-top:0}
html{--enhanced-xp-css-token:"enhance-xp";--enhanced-media-query:"(min-height:500px) and (max-height:1500px)"}
@media only screen and (max-width:1068px){
  html{--enhanced-media-query:"(min-height:415px) and (max-height:1366px)"}
}
@media only screen and (max-width:734px){
  html{--enhanced-media-query:"(min-height:415px) and (max-height:850px)"}
}
@media only screen and (max-width:1068px){
  .main{position:relative}
}
@media only screen and (max-width:1068px){
  .section-content{max-width:580px}
}
@media only screen and (max-width:734px){
  .section-content{max-width:400px}
}